@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#18323a;--muted:#6e7e82;--line:#e5ebea;--soft:#f5f8f7;--teal:#0b6262;--deep:#07464a;--gold:#e9b855;--coral:#dc7465;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:fixed;z-index:5;inset:0 0 auto}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand img{width:45px;height:45px;border-radius:50%;object-fit:cover}.brand span{display:grid;gap:2px}.brand b{font-size:13px;letter-spacing:.08em}.brand small{font-size:11px;color:var(--teal);font-weight:600}.top-actions{display:flex;gap:22px;align-items:center}.date{color:var(--muted);font-size:13px}.profile{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--ink);font:inherit}.profile i{width:34px;height:34px;border-radius:50%;background:#d9ebe8;color:var(--deep);font-style:normal;font-weight:700;display:grid;place-items:center;font-size:12px}.profile b{color:var(--muted)}.app-shell{display:flex;padding-top:76px}.sidebar{width:255px;min-height:calc(100vh - 76px);background:var(--deep);color:#e9f6f5;padding:26px 15px;position:fixed;inset:76px auto 0 0}.school-mark{display:flex;gap:10px;align-items:center;padding:0 10px 30px}.school-mark>span{font:700 italic 30px Georgia;color:var(--gold);border:1px solid #77a4a4;border-radius:9px;width:42px;height:42px;display:grid;place-items:center}.school-mark div{display:grid;gap:3px}.school-mark b{font-size:17px}.school-mark small{font-size:10px;opacity:.7;line-height:1.35}nav{display:grid;gap:4px}.nav-link{border:0;border-radius:8px;background:transparent;color:#c8dfdd;text-align:left;padding:13px 12px;font:500 14px inherit;display:flex;gap:13px;align-items:center;cursor:pointer}.nav-link i{font-style:normal;font-size:20px;width:18px;text-align:center}.nav-link.active,.nav-link:hover{background:#176e70;color:white}.nav-link span{margin-left:auto;background:#e9b855;color:#214849;border-radius:10px;font-size:10px;padding:2px 7px}.sidebar-help{position:absolute;bottom:62px;margin:0 10px;padding:15px 10px;border-top:1px solid #33777a;display:flex;gap:9px;font-size:11px}.sidebar-help>span{border:1px solid #8ebdbc;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.sidebar-help div{display:grid;gap:3px}.sidebar-help small{opacity:.72}.portal-link{position:absolute;bottom:20px;left:25px;color:#d6eae8;text-decoration:none;font-size:12px}.main-content{margin-left:255px;width:calc(100% - 255px);padding:45px 5.5% 70px;min-height:calc(100vh - 76px)}.view{display:none}.view.active{display:block}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading p,.panel-head small,.quick-panel>small{margin:0 0 7px;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.13em}.page-heading h1,.editor-title h1{font:700 33px 'Playfair Display',Georgia,serif;margin:0 0 7px;letter-spacing:-.5px}.page-heading h1 em{color:var(--teal)}.page-heading span,.editor-title p{color:var(--muted)}button{cursor:pointer}.primary-btn{border:0;border-radius:8px;background:var(--teal);color:white;padding:13px 18px;font:600 13px inherit;box-shadow:0 6px 12px #0b626227}.primary-btn:hover{background:var(--deep)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.summary-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px;display:flex;gap:16px;align-items:center}.summary-icon{border-radius:11px;width:45px;height:45px;display:grid;place-items:center;font-size:23px;font-weight:700}.teal{background:#ddf0ed;color:var(--teal)}.gold{background:#fbf1d7;color:#bd8516}.coral{background:#fbe5e0;color:#bf5e51}.summary-grid div{display:grid;gap:3px}.summary-grid small{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.08em}.summary-grid strong{font:700 26px 'Playfair Display',serif}.summary-grid p{margin:0;color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:22px}.panel,.form-card,.records-table-wrap{background:#fff;border:1px solid var(--line);border-radius:11px}.panel{padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.panel h2,.form-card h2{font:700 20px 'Playfair Display',serif;margin:0}.text-btn{background:none;border:0;color:var(--teal);font:600 12px inherit}.upcoming-list{display:grid}.upcoming-item{display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.upcoming-date{background:#eef6f5;text-align:center;border-radius:7px;padding:6px;color:var(--teal)}.upcoming-date b{display:block;font-size:17px}.upcoming-date small{font-size:9px;font-weight:700}.upcoming-item h3{font-size:13px;margin:0 0 4px}.upcoming-item p{font-size:11px;margin:0;color:var(--muted)}.status{font-size:10px;font-weight:700;padding:5px 8px;border-radius:10px}.status.saved{color:#147261;background:#def1ec}.status.draft{color:#9d721c;background:#fdf2d7}.empty{padding:34px 5px;color:var(--muted);text-align:center;font-size:13px}.quick-panel{background:var(--deep);color:#fff}.quick-panel>small{color:#c3e2df}.quick-panel h2{margin-bottom:19px}.quick-panel button{display:flex;align-items:center;gap:10px;background:#176569;border:0;border-radius:7px;color:#e7f5f3;text-align:left;padding:12px;width:100%;margin-top:8px;font:500 12px inherit}.quick-panel button:hover{background:#287d7e}.quick-panel button span{font-size:17px;color:var(--gold)}.editor-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.back-btn{border:0;background:none;color:var(--teal);font:600 12px inherit;margin:0 0 14px;padding:0}.editor-actions{display:flex;gap:10px}.outline-btn{border:1px solid #afc7c4;border-radius:8px;background:#fff;color:var(--teal);padding:12px 16px;font:600 13px inherit}.form-card{padding:26px;margin-top:17px}.card-heading{display:flex;gap:11px;margin-bottom:23px}.card-heading>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dff0ed;color:var(--teal);font-size:11px;font-weight:700}.form-card h2{font-size:18px}.form-card p{margin:3px 0 0;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid.three{grid-template-columns:repeat(3,1fr);margin-bottom:17px}label{display:grid;gap:7px;font-size:11px;color:#486067;font-weight:700}input,textarea,select{width:100%;border:1px solid #d6e0de;border-radius:7px;padding:10px 11px;background:#fff;color:var(--ink);font:13px 'DM Sans',sans-serif;outline:none;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0b626215}.compact{margin-bottom:25px}.filter-row{display:flex;gap:12px;margin-bottom:18px}.filter-row input{max-width:380px}.filter-row select{width:170px}.records-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;color:#778689;font-size:10px;letter-spacing:.07em;padding:15px 20px;background:#f7f9f8}td{border-top:1px solid var(--line);padding:15px 20px;font-size:12px}td small{color:var(--muted);display:block;margin-top:3px}.row-actions{display:flex;gap:8px;justify-content:end}.icon-btn{border:0;background:#eef5f4;color:var(--teal);border-radius:6px;padding:7px 9px;font:600 11px inherit}.icon-btn.delete{color:#b85145;background:#fae9e5}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;position:relative;overflow:hidden}.template-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--teal)}.template-card:nth-child(2):before{background:var(--gold)}.template-card:nth-child(3):before{background:var(--coral)}.template-card .template-icon{width:42px;height:42px;background:#ecf5f3;color:var(--teal);border-radius:10px;display:grid;place-items:center;font-size:20px}.template-card h2{font:700 18px 'Playfair Display',serif;margin:17px 0 7px}.template-card p{line-height:1.55;color:var(--muted);font-size:12px;min-height:56px}.template-card button{width:100%;border:1px solid #b8d0cd;color:var(--teal);background:white;border-radius:7px;padding:10px;font:600 12px inherit}.toast{position:fixed;right:25px;bottom:25px;background:#173e42;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;font-size:13px;box-shadow:0 8px 25px #173e4240}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.sidebar{width:70px;padding:22px 8px}.school-mark{padding:0 5px 25px}.school-mark div,.nav-link:not(.active)::after,.nav-link{font-size:0}.school-mark>span{width:38px;height:38px}.nav-link{justify-content:center;padding:13px 4px}.nav-link i{font-size:20px}.nav-link span,.sidebar-help,.portal-link{display:none}.main-content{margin-left:70px;width:calc(100% - 70px)}.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{padding:0 17px}.date,.profile span,.profile b{display:none}.main-content{padding:28px 18px 55px}.page-heading,.editor-title{align-items:start;display:grid}.summary-grid,.dashboard-grid,.form-grid,.form-grid.three,.template-grid{grid-template-columns:1fr}.summary-grid{gap:10px}.dashboard-grid{gap:15px}.page-heading h1,.editor-title h1{font-size:28px}.editor-actions{width:100%}.editor-actions button{flex:1}.filter-row{display:grid}.filter-row input,.filter-row select{max-width:none;width:100%}.sidebar{width:0;overflow:hidden;padding:0}.main-content{margin:0;width:100%}.brand b{font-size:11px}}