*{box-sizing:border-box} :root{--ink:#20362f;--muted:#748178;--green:#173b34;--line:#e4e8df;--paper:#f7f8f4;--gold:#edb868}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 15px;color:var(--ink)}button:hover{background:#eef3ea}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--green);color:white;border-color:var(--green)}button.danger{color:#a53434}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100dvh}aside{background:var(--green);color:#f7f8f4;padding:32px 20px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100dvh}aside h1{font-size:25px;margin:0;letter-spacing:-1px}aside small{color:#c0d0c3}nav{display:grid;gap:8px}nav button{background:transparent;border:0;color:#dbe5db;text-align:left}nav button.active{background:#ffffff18;color:white}aside .foot{margin-top:auto}main{padding:32px 36px;max-width:1800px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:7px 0 24px}h3{font-size:17px;margin:0 0 14px}p{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}.toolbar input{margin-left:auto;max-width:250px}.seg{display:flex;gap:3px;padding:4px;background:#e9ede5;border-radius:12px}.seg button{border:0;background:transparent;padding:6px 12px}.seg button.active{background:white;box-shadow:0 1px 4px #0001}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px}.calendars{display:flex;gap:16px;flex-wrap:wrap}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--line);gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.weekday{background:#f0f3ed;padding:12px;text-align:center;font-size:12px;color:var(--muted);font-weight:700}.day{background:white;min-height:122px;padding:7px;overflow:hidden}.day.out{background:#f7f8f5;color:#a0aaa1}.daynum{padding:4px 8px;border:0;border-radius:50%;background:transparent;font-size:12px}.today .daynum{background:var(--green);color:white}.event{display:block;width:100%;text-align:left;border:0;border-left:3px solid var(--event-color);border-radius:5px;background:color-mix(in srgb,var(--event-color) 12%,white);padding:5px 7px;margin-top:4px;white-space:normal;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.columns{display:grid;grid-template-columns:2fr 1fr;gap:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.stat{padding:20px;border-radius:16px;background:white;border:1px solid var(--line)}.stat b{display:block;font-size:28px}.row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row .grow{flex:1;min-width:0}.row small{display:block;color:var(--muted)}.row.done .title{text-decoration:line-through;color:var(--muted)}.row button{padding:6px 10px}.empty{padding:36px 18px;text-align:center;color:var(--muted)}input,select,textarea{border:1px solid #d5ded3;border-radius:9px;padding:10px;background:#fff;color:var(--ink);max-width:100%}input[type=checkbox]{accent-color:var(--green)}label{display:block;font-size:13px;margin-bottom:14px}label input:not([type=checkbox]):not([type=radio]),label select,label textarea{display:block;width:100%;margin-top:5px}textarea{min-height:80px;resize:vertical}dialog{border:0;border-radius:20px;padding:28px;width:min(640px,95vw);max-height:92dvh;box-shadow:0 20px 100px #0004;color:var(--ink)}dialog::backdrop{background:#10291f88;backdrop-filter:blur(3px)}dialog h2{font-size:23px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.reminder{background:#f4f6f0;border-radius:10px;padding:12px;margin:10px 0}.reminder .fields{grid-template-columns:1fr 1fr}.reminder label{margin-bottom:6px}.reminder input[type=number]{width:100%}.device{display:inline-flex;align-items:center;gap:5px;margin:4px 10px 4px 0}.notice{background:#fff3d8;padding:12px 16px;border-radius:10px;font-size:13px}.login{max-width:460px;margin:10vh auto;padding:35px}.loading{padding:60px}.year{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.year .month{border-radius:10px}.year .day{min-height:32px;padding:2px;text-align:center;font-size:11px}.year .weekday{padding:3px;font-size:9px}.year .daynum{padding:1px 3px}.year .has{box-shadow:inset 0 -3px var(--gold)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173b34;color:white;border-radius:12px;padding:12px 20px;z-index:50;max-width:90vw;display:none}.file{padding:8px;background:#f2f5ef;border-radius:8px;margin:6px 0}.file a{color:var(--green)}.search-results{margin-top:20px}.muted{color:var(--muted)}.badge{display:inline-block;padding:3px 8px;background:#eef2e9;border-radius:6px;font-size:11px}.offline{color:#bd8e3e}footer{font-size:12px;color:var(--muted);margin-top:28px}a{color:var(--green)}.mobile-brand{display:none} @media(max-width:1000px){main{padding:24px 18px}.shell{grid-template-columns:190px 1fr}.columns{grid-template-columns:1fr}.year{grid-template-columns:repeat(2,1fr)}.day{min-height:105px}.event{font-size:10px;padding:3px}.cards{gap:8px}.stat{padding:12px}}@media(max-width:700px){.shell{display:block}aside{position:static;height:auto;padding:16px;gap:12px}aside .brand,aside .calendars,aside .foot{display:none}nav{display:flex;overflow-x:auto;gap:4px}nav button{white-space:nowrap;padding:8px 10px;font-size:12px}.mobile-brand{display:block;font-size:17px}main{padding:20px 12px}h2{font-size:25px}.top{gap:8px}.toolbar input{max-width:100%;width:100%;margin:0}.toolbar{gap:6px}.seg button{padding:6px 9px;font-size:12px}.day{min-height:86px;padding:3px}.daynum{padding:3px;font-size:11px}.weekday{padding:8px 2px;font-size:10px}.event{font-size:9px;border-left-width:2px;padding:2px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.cards{grid-template-columns:repeat(3,1fr)}.stat b{font-size:24px}.stat{font-size:11px}.year{gap:8px}.panel{padding:16px}.calendars{gap:8px}.reminder .fields{grid-template-columns:1fr 1fr}.login{margin:5vh auto}.actions{justify-content:stretch}.actions button{flex:1}}
