@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173331;--deep:#102d2c;--green:#1e7466;--mint:#e7f2ed;--line:#e5ebe8;--muted:#71827d;--bg:#f7f9f6;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:var(--deep);color:#d8e9e2;display:flex;flex-direction:column;padding:34px 20px 26px}.brand{display:flex;align-items:center;gap:11px;color:#f7fbf8;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#daf0de;color:#153f39;font-weight:800;font-size:24px;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:#48b37d}.brand-sub{display:block;color:#72be9e;font:700 9px/1.5 'DM Sans',sans-serif;letter-spacing:2.7px}.nav-caption{font-size:10px;font-weight:700;letter-spacing:2px;color:#71968c;margin:67px 13px 16px}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;color:#aec8be;font-size:14px;font-weight:600}.nav-link:hover,.nav-link.active{background:#204b46;color:#fff}.nav-icon{font-size:19px;width:21px;text-align:center;color:#84caa5}.sidebar-bottom{margin-top:auto;border-top:1px solid #31534e;padding:24px 10px 0;font-size:12px;font-weight:700}.sidebar-bottom small{display:block;margin:7px 0 0 15px;color:#8faf9f;font-weight:400}.status-dot{display:inline-block;width:7px;height:7px;background:#7ac89a;border-radius:50%;margin-right:7px}.main-area{min-width:0;flex:1}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#87988f}.top-right{display:flex;align-items:center;gap:12px;font-size:13px}.user-badge{width:30px;height:30px;border-radius:50%;background:#e5f2e9;display:grid;place-items:center;color:#327a66;font-weight:800}.user-name{font-weight:700}.logout{background:none;border:0;color:#698279;cursor:pointer;margin-left:10px}.content{max-width:1300px;margin:auto;padding:42px 44px 70px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#378c70}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.page-head h1{font:800 clamp(26px,3vw,37px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:9px 0 8px}.page-head p{color:var(--muted);font-size:14px;margin:0}.button{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 18px;font-size:13px;font-weight:800;cursor:pointer}.button span{font-size:17px;font-weight:400}.button.outline{background:#fff;border-color:#d7e4db;color:#1e5b4f}.button.primary{background:#1c6b5b;color:#fff}.button:hover{filter:brightness(.95)}.hero{min-height:240px;background:linear-gradient(114deg,#173f38 0%,#1b594c 65%,#2d7760 100%);border-radius:14px;overflow:hidden;position:relative;display:flex;justify-content:space-between;padding:35px 42px;color:#fff}.hero-kicker{color:#8dd2ac;font-size:10px;font-weight:800;letter-spacing:2px}.hero h2{font:800 31px/1.27 Manrope,sans-serif;letter-spacing:-1px;margin:20px 0 10px}.hero h2 em{font-style:normal;color:#a3d4a4}.hero p{font-size:13px;color:#c7e0d1}.hero-shape{position:relative;width:230px;flex:0 0 230px}.orbit{position:absolute;border:1px solid rgba(208,246,219,.24);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit.one{width:120px;height:120px}.orbit.two{width:200px;height:200px}.orbit.three{width:285px;height:285px}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:22px;background:#d5eecf;color:#1c594b;display:grid;place-items:center;font:800 37px Manrope;box-shadow:0 15px 50px #092f2955}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 28px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 25px}.stat>span{font-size:13px;color:#698078;font-weight:700}.stat strong{display:block;font:800 33px/1.2 Manrope;margin:14px 0 4px}.stat small{color:#96a39c;font-size:11px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 15px}.panel-head h3,.form-panel h3{font:800 17px Manrope;margin:5px 0 0;letter-spacing:-.35px}.panel-head a{font-size:12px;font-weight:800;color:#277760}.list-row{display:flex;align-items:center;gap:12px;padding:15px 26px;border-top:1px solid #f0f3ef;min-width:0}.list-row:hover{background:#fafcf9}.row-avatar{flex:0 0 37px;width:37px;height:37px;border-radius:9px;background:#e2eee5;color:#327e66;display:grid;place-items:center;font-weight:800}.row-avatar.muted{background:#f0f4ed}.row-main{flex:1;min-width:0}.row-main strong{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-main small{display:block;color:#96a39c;font-size:11px;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge{border-radius:100px;background:#e8f5e8;color:#2a805b;font-size:10px;font-weight:800;padding:6px 10px;white-space:nowrap}.badge.pale{background:#f2f5ef;color:#718579}.badge.large{font-size:12px;padding:9px 14px}.row-arrow{color:#8cb1a0;margin-left:2px}.empty{padding:28px 26px;color:#8a9c92;font-size:13px}.empty a{color:#277760;font-weight:700}.count{font-size:11px;color:#8ea096}.schools-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.form-panel{padding:26px}.form-panel h3{font-size:19px;margin:9px 0}.form-panel p{color:#8a9a91;font-size:12px;line-height:1.5;margin-bottom:22px}.form-panel form{display:grid}.form-panel label,.login-box label{font-size:12px;font-weight:800;margin:0 0 7px}.form-panel input,.form-panel select,.login-box input{width:100%;border:1px solid #dce5dd;border-radius:8px;background:#fbfdfb;padding:11px 12px;outline:none;margin-bottom:17px;font-size:13px}.form-panel input:focus,.form-panel select:focus,.login-box input:focus{border-color:#4b9f7b;box-shadow:0 0 0 3px #dff1e3}.form-panel .button{margin-top:5px}.field-error,.form-error{color:#a73737;font-size:12px;margin:-11px 0 14px}.installation{display:flex;justify-content:space-between;align-items:center;padding:17px 26px;border-top:1px solid #f0f3ef}.installation strong,.installation small{display:block;font-size:12px}.installation small{color:#8d9c93;margin-top:5px}.lower-panel{margin-top:20px}.back-link{display:inline-block;color:#488c72;font-size:12px;font-weight:800;margin:0 0 20px}.messages{margin-bottom:18px}.message{background:#e6f4e9;color:#21694f;padding:12px 15px;border-radius:8px;font-size:13px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{padding:48px 70px;display:flex;flex-direction:column;background:radial-gradient(circle at 70% 75%,#2d8068 0%,#1d5f51 28%,#10332e 78%);color:white}.login-art-copy{margin:auto 0;max-width:500px}.light-eyebrow{color:#9ed7ad}.login-art h1{font:800 clamp(36px,4vw,61px)/1.15 Manrope;letter-spacing:-2px;margin:19px 0}.login-art h1 em{font-style:normal;color:#a9d7ad}.login-art p{max-width:390px;color:#c6dbd0;font-size:16px;line-height:1.6}.art-footer{font-size:10px;letter-spacing:2px;color:#a5c5b6}.login-pane{display:grid;place-items:center;padding:40px}.login-box{width:min(100%,360px)}.login-box h2{font:800 34px Manrope;letter-spacing:-1.3px;margin:12px 0 4px}.login-box>p{color:#8b9b91;font-size:14px;margin-bottom:35px}.login-box form{display:grid}.login-box .button{margin-top:7px}.button.full{width:100%}.login-box>small{display:block;margin-top:30px;color:#a0aaa2;font-size:11px;text-align:center}@media(max-width:900px){.sidebar{width:200px;flex-basis:200px}.content{padding:30px 24px}.topbar{padding:0 24px}.schools-layout{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;padding:14px 18px;display:block}.sidebar .brand{display:none}.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex}.nav-link{padding:8px;font-size:12px}.nav-icon{font-size:15px}.topbar{height:56px;padding:0 16px}.breadcrumb{font-size:9px}.user-name{display:none}.content{padding:26px 16px}.page-head{align-items:start}.page-head h1{font-size:27px}.hero{padding:28px}.hero-shape{display:none}.stats{gap:9px}.stat{padding:16px}.stat strong{font-size:24px}.stat small{font-size:9px}.grid-two{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-art{min-height:260px;padding:25px}.login-art-copy{margin:30px 0}.login-art h1{font-size:31px}.login-art p,.art-footer{display:none}.login-pane{padding:38px 25px}}
.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{text-align:left;padding:14px 22px;color:#81948a;font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#fafcf9;border-top:1px solid var(--line)}.data-table td{padding:17px 22px;border-top:1px solid #eef2ed;font-size:12px;color:#526d62}.table-school{display:flex;align-items:center;gap:11px}.table-school strong,.table-school small{display:block}.table-school strong{color:var(--ink)}.table-school small{color:#8b9f94;margin-top:5px}.data-table code{font-size:11px;background:#f3f7f1;padding:4px 6px;border-radius:4px}.actions-column{min-width:220px}.table-actions{display:flex;gap:14px;white-space:nowrap}.table-actions a{font-weight:800;color:#28745c}.table-actions .danger-link{color:#ac4b48}.edit-card{max-width:600px;padding:28px}.edit-card h3{font:800 20px Manrope;margin:0 0 8px}.edit-card>p{color:#7e9287;font-size:13px;line-height:1.6}.edit-card form{display:grid;margin-top:18px}.edit-card label{font-size:12px;font-weight:800;margin:12px 0 7px}.edit-card input,.edit-card select{padding:12px;border:1px solid #dce5dd;border-radius:8px;background:#fbfdfb}.edit-card small{color:#899b90;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.button.danger{background:#a83c3c;color:white}.message-error{background:#f9e9e6;color:#9a3d37}.integration-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 25px;border-top:1px solid #eef2ed}.integration-row strong,.integration-row small{display:block}.integration-row strong{font-size:13px}.integration-row small{font-size:11px;color:#8c9b92;margin-top:5px}.button.compact{padding:8px 12px;gap:5px;white-space:nowrap}.token-box{background:#e7f4e9;padding:16px;border-radius:9px;overflow-wrap:anywhere}.token-box strong,.token-box code{display:block}.token-box strong{font-size:12px;margin-bottom:12px}.token-box code{font-size:12px}.credential-status,.endpoint-hint{overflow-wrap:anywhere}@media(max-width:700px){.page-head{flex-wrap:wrap}.integration-row{align-items:flex-start;flex-direction:column}.form-actions{flex-wrap:wrap}}
.integration-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.integration-actions form{margin:0}.integration-actions .button{margin:0}