:root{--paper:#f5f1e9;--ink:#17282b;--muted:#617070;--line:#d7ded7;--card:#fffefa;--accent:#a7c8b9;--strong:#265d52;--amber:#ddaa6b;--shadow:0 22px 60px #19362a12}
.password-fields{display:grid;gap:1rem;margin:1.3rem 0}
.invite-link{display:block;overflow-wrap:anywhere;margin:1rem 0;font-size:.85rem}
*{box-sizing:border-box}html{font-family:"Trebuchet MS",Verdana,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.eyebrow,.sidebar-label{font-size:.72rem;letter-spacing:.16em;font-weight:700;color:var(--strong)}h1,h2,h3{font-family:Palatino,"Book Antiqua",Georgia,serif;font-weight:600}h1{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.08;margin:.6rem 0}h2{font-size:1.65rem;margin:.3rem 0}p{line-height:1.55;color:var(--muted)}.primary{border:0;border-radius:12px;background:var(--strong);color:white;padding:.8rem 1.1rem;font-weight:700;box-shadow:0 5px 0 #153c35}.primary:hover{background:#1e5046}.text-button{border:0;background:none;color:var(--strong);text-decoration:underline}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-intro{padding:clamp(2rem,8vw,8rem);background:radial-gradient(circle at 25% 80%,#d5e8d6,transparent 34%),linear-gradient(130deg,#dce7da,#f5f1e9);display:flex;flex-direction:column;justify-content:center}.auth-intro h1{font-size:clamp(3.2rem,6vw,6rem)}.auth-intro em{color:var(--strong);font-weight:400}.auth-intro p{max-width:34rem;font-size:1.12rem}.auth-note{border-left:4px solid var(--amber);max-width:34rem;margin-top:3rem;padding:.7rem 1rem;background:#ffffff8c;line-height:1.45}.auth-card{align-self:center;justify-self:center;background:var(--card);box-shadow:var(--shadow);padding:clamp(2rem,5vw,4rem);border:1px solid var(--line);border-radius:24px;width:min(86%,430px)}.brand-mark{background:var(--strong);color:#fff;border-radius:13px;display:inline-grid;place-items:center;width:42px;height:42px;letter-spacing:-.08em;font-family:Palatino,Georgia,serif;font-size:1.1rem}.auth-card h2{margin-top:2rem}.auth-card form{display:grid;gap:1rem;margin-top:2rem}label{display:grid;gap:.45rem;font-size:.85rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.75rem .8rem;outline-color:var(--strong);color:var(--ink)}textarea{min-height:96px;resize:vertical}.app-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#193f39;color:#f2f5ef;display:flex;flex-direction:column;padding:1.6rem 1.1rem;gap:1rem}.brand{display:flex;gap:.7rem;align-items:center;font-family:Palatino,Georgia,serif;font-size:1.4rem;line-height:1}.brand .brand-mark{background:#a8cabb;color:#193f39}.brand small{display:block;font-family:"Trebuchet MS",sans-serif;font-size:.58rem;letter-spacing:.15em;margin-top:.35rem}.sidebar-label{color:#9ac5b2;margin-top:2rem}.sidebar select{background:#25574c;color:#fff;border-color:#397363}.sidebar nav{display:grid;gap:.2rem;margin-top:1rem}.sidebar nav button{border:0;background:transparent;color:#e0e9e1;text-align:left;padding:.78rem .9rem;border-radius:10px}.sidebar nav button:hover,.sidebar nav button.active{background:#346d5d;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:.6rem;overflow-wrap:anywhere;font-size:.83rem}.sidebar-bottom button{background:transparent;color:#e7eee8;border:1px solid #80a997;border-radius:10px;padding:.55rem}.workspace{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3.5rem);border-bottom:1px solid var(--line);background:#ffffff9c;font-size:.84rem;color:var(--muted)}.plan-badge{border-radius:100px;padding:.4rem .8rem;background:#e4e9dc;color:#31533d;font-weight:700}.content{max-width:1200px;margin:auto;padding:clamp(1.2rem,4vw,3.5rem)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem}.page-head p{margin:.2rem 0}.page-head h1{margin:.4rem 0}.toolbar{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.toolbar input{max-width:340px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:1.35rem;box-shadow:0 7px 20px #19362a09;min-width:0}.card h3{margin:.3rem 0;font-size:1.4rem}.card p{margin:.45rem 0;overflow-wrap:anywhere}.card .meta{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.card-actions{display:flex;gap:.5rem;margin-top:1.15rem;flex-wrap:wrap}.card-actions button,.secondary{background:#eff5ef;border:1px solid #c5d8ca;border-radius:9px;color:#285448;padding:.48rem .75rem}.card-actions .danger{background:#f9edeb;border-color:#e5c2bf;color:#873b36}.empty{padding:3rem;border:1px dashed #aac0b0;background:#edf3e9;border-radius:17px;text-align:center}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1rem;margin-bottom:2rem}.stat{background:#e0ebe0;padding:1.4rem;border-radius:16px}.stat strong{display:block;font:2.6rem Palatino,Georgia,serif}.stat span{font-size:.81rem;text-transform:uppercase;letter-spacing:.08em}.notice{background:#f6e9d3;border-left:4px solid var(--amber);padding:1rem 1.2rem;border-radius:0 10px 10px 0;margin:1rem 0}.list{display:grid;gap:.7rem}.list-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;overflow-wrap:anywhere}dialog{width:min(700px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:1.7rem;background:var(--card);color:var(--ink)}dialog::backdrop{background:#0d2727ad}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.dialog-heading button{border:0;background:transparent;font-size:1.8rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.3rem 0}.form-grid label:has(textarea){grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:.8rem;padding-top:1rem;border-top:1px solid var(--line)}.dialog-actions button:not(.primary){border:1px solid var(--line);background:white;border-radius:10px;padding:.7rem 1rem}#attachment-form{display:flex;gap:.8rem;align-items:center;margin:1.5rem 0;flex-wrap:wrap}#attachment-form input{flex:1;min-width:180px}#attachment-preview img{display:block;max-width:100%;max-height:55vh;margin:1rem auto}#attachment-preview iframe{width:100%;height:55vh;border:0}#toast{position:fixed;bottom:1.3rem;right:1.3rem;background:#193f39;color:white;padding:.8rem 1.1rem;border-radius:12px;box-shadow:var(--shadow);max-width:360px;z-index:20;display:none}#toast.visible{display:block}@media(max-width:760px){.auth-layout{display:block}.auth-intro{padding:2rem;min-height:34vh}.auth-intro h1{font-size:3rem}.auth-note{margin-top:1rem}.auth-card{margin:-1rem auto 2rem;width:min(92%,460px);position:relative}.app-layout{display:block}.sidebar{padding:1rem;gap:.5rem}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:.5rem}.sidebar nav button{white-space:nowrap}.sidebar select{max-width:100%}.topbar{height:52px}.page-head{align-items:start;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.content{padding:1.2rem}}