@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#15272e;background:#f5f7f6;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:254px;background:#091d26;color:#ecf5f3;position:sticky;top:0;height:100vh;flex:none;display:flex;flex-direction:column;padding:26px 14px 18px}.side-brand{display:flex;align-items:center;gap:12px;margin:0 10px 42px}.side-brand strong{font-family:Manrope;font-weight:800;font-size:16px;letter-spacing:-.6px}.side-brand small{display:block;color:#85a29e;letter-spacing:2px;font-size:9px;margin-top:4px;font-weight:800}.brand-icon{background:#caff7b;border-radius:16px;color:#09221d;display:grid;place-items:center;width:58px;height:58px;font-size:31px;box-shadow:0 7px 30px #caff7b22}.brand-icon.small{width:36px;height:36px;border-radius:11px;font-size:22px}.side-caption{padding:0 17px;color:#66837f;font-size:10px;letter-spacing:1.7px;font-weight:800;margin-bottom:12px}.sidebar nav{display:grid;gap:5px}.navlink{border:none;background:transparent;color:#9ab1ae;text-align:left;padding:13px 16px;border-radius:11px;display:flex;align-items:center;gap:13px;font-weight:600}.navlink .ico{font-size:17px;width:23px;text-align:center}.navlink:hover{background:#1b343a;color:#fff}.navlink.active{background:#caff7b;color:#15311d;font-weight:800}.side-bottom{margin-top:auto}.tenant{background:#15313a;border:1px solid #28434a;border-radius:13px;padding:13px;display:flex;gap:10px;align-items:center}.tenant strong{font-size:11px;display:block}.tenant small{font-size:10px;color:#8ba5a3;display:block;margin-top:5px}.tenant-dot{height:9px;width:9px;border-radius:50%;background:#caff7b;flex:none}.logout{border:0;background:transparent;color:#9cb5b2;margin:12px 5px;padding:10px}.main{min-width:0;flex:1}.topbar{height:86px;border-bottom:1px solid #e9eeee;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#6d8b84}.top-left #breadcrumb{font-size:16px;font-weight:800;letter-spacing:-.5px;margin-top:4px}.top-right{display:flex;align-items:center;gap:15px}.live{font-size:11px;color:#55776f;font-weight:700}.live span{display:inline-block;background:#75bd60;border-radius:50%;width:7px;height:7px;margin-right:6px}.circle-btn{border:1px solid #e3eae8;background:#fff;border-radius:50%;width:38px;height:38px}.avatar{width:37px;height:37px;background:#ddefd7;color:#1d5541;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}.page{padding:32px 38px 60px;max-width:1500px;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:27px}.heading h1{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1.5px;line-height:1.2;margin:6px 0}.heading p{color:#84928f;margin:7px 0 0}.btn{border-radius:11px;border:1px solid #d8e2df;background:white;color:#1d3a36;padding:11px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px}.btn.primary{background:#123c35;border-color:#123c35;color:white}.btn.lime{background:#caff7b;border-color:#caff7b;color:#17351d}.btn.red{color:#b34747;border-color:#f1dcdc}.btn.small{padding:7px 10px;min-height:36px;font-size:12px}.btn.full{width:100%}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat{background:white;border:1px solid #e8eeee;border-radius:17px;padding:20px;min-height:145px;position:relative}.stat .kicon{background:#eaf4e7;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#46684d}.stat-label{font-size:12px;color:#7c9290;margin-top:18px}.stat-num{font-family:Manrope;font-size:31px;font-weight:800;letter-spacing:-1.7px;margin-top:2px}.panels{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:20px}.panel{background:white;border:1px solid #e8eeee;border-radius:17px;padding:22px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.panel h2{margin:0;font-family:Manrope;font-size:16px;letter-spacing:-.5px}.muted{color:#849591}.pill{display:inline-block;padding:6px 9px;border-radius:8px;background:#eaf4e9;color:#37724c;font-size:11px;font-weight:800}.pill.yellow{background:#fff5dd;color:#a57926}.pill.blue{background:#e7f1fb;color:#426f9a}.pill.gray{background:#eef1f1;color:#607773}.pill.red{background:#ffeded;color:#af5656}.list-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:12px;border-bottom:1px solid #eff3f2}.list-row:last-child{border-bottom:0}.person-initial{background:#e8f3e8;border-radius:11px;width:40px;height:40px;display:grid;place-items:center;color:#31714b;font-weight:800;flex:none}.person-wrap{display:flex;gap:11px;align-items:center;min-width:0}.person-wrap strong{display:block;font-size:13px}.person-wrap small{display:block;color:#879b98;margin-top:5px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick{border:1px solid #e8eeec;border-radius:13px;padding:16px;cursor:pointer;background:white;text-align:left}.quick .symbol{font-size:22px;display:block;margin-bottom:15px}.quick strong{font-size:12px}.quick small{display:block;font-size:11px;margin-top:6px;color:#83948f}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#3d5550}.field input,.field select,.field textarea,.field>select{border:1px solid #dae5e2;background:#fbfcfc;border-radius:10px;padding:12px 12px;min-height:45px;width:100%;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#75a68a;box-shadow:0 0 0 3px #b5e1c355}.field textarea{min-height:83px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}.notice{background:#edf5ef;border-radius:12px;padding:13px 15px;color:#436a56;font-size:12px;line-height:1.6}.notice.warning{background:#fff5e5;color:#9a752d}.notice.error{background:#fff0ef;color:#a8564b}.table-scroll{overflow:auto}.datatable{width:100%;border-collapse:collapse;min-width:560px}.datatable th{text-align:left;color:#859895;font-size:11px;padding:12px;border-bottom:1px solid #e5ecea}.datatable td{padding:15px 12px;border-bottom:1px solid #eff2f2;font-size:12px}.datatable td strong{font-size:13px}.section-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.search{border:1px solid #dde8e4;border-radius:11px;padding:12px 15px;width:270px;max-width:100%;background:#fff}.team-card{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4ebe8;border-radius:12px;padding:16px;margin-bottom:10px;gap:14px}.team-card .depth{display:flex;align-items:center;gap:12px}.indent{display:inline-block;width:var(--indent);flex:none;border-left:1px dashed #b5cebe;height:27px}.calendar-card{display:flex;gap:18px;padding:16px;border:1px solid #e5ecea;border-radius:13px;margin-bottom:10px}.calendar-date{background:#eaf3e7;padding:10px 13px;border-radius:10px;text-align:center;min-width:62px;font-weight:800}.calendar-date small{display:block;font-weight:600;color:#5e786d}.empty{text-align:center;color:#879a95;padding:55px 15px}.empty .e-icon{font-size:35px;margin-bottom:13px}.mobile-nav{display:none}.toast{position:fixed;bottom:24px;right:24px;background:#153a34;color:white;padding:13px 18px;border-radius:12px;box-shadow:0 12px 34px #15231b22;max-width:min(90vw,360px);z-index:99}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7faf8}.login-card{padding:clamp(35px,8vw,115px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:650px;margin:auto}.login-card h1{font-family:Manrope;font-size:clamp(35px,4.6vw,60px);line-height:1.1;letter-spacing:-3px;margin:26px 0}.login-card h1 em{font-style:normal;color:#32846a}.login-card p{color:#798b85;line-height:1.8;margin:0 0 28px}.login-card form{width:100%;display:grid;gap:16px}.login-card label{font-weight:800;font-size:12px}.login-card input{display:block;margin-top:8px;width:100%;border:1px solid #dbe5df;border-radius:10px;padding:13px;background:#fff}.login-card small{color:#8e9e9a;margin-top:20px}.hint{color:#b64e4e;font-size:12px}.login-art{background:#0c282e;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e7ffee}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:420px;height:420px;border:1px solid #bfff8450;box-shadow:0 0 0 85px #91d67808,0 0 0 170px #91d67808}.orb-two{width:240px;height:240px;background:radial-gradient(circle,#d0ff79 0%,#93df78 40%,#123e39 78%);opacity:.6}.art-mark{position:relative;font-family:Manrope;font-size:140px;font-weight:800;letter-spacing:-15px;z-index:1}.art-mark span{font-size:65px;vertical-align:top;letter-spacing:0}.art-sub{z-index:1;text-align:center;letter-spacing:.3px;line-height:1.7;color:#c4e9db}
@media(max-width:1100px){.sidebar{width:218px}.page{padding:26px}.cards{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:68px;padding:0 18px}.live{display:none}.page{padding:20px 15px 100px}.heading{align-items:flex-start}.heading h1{font-size:23px}.heading p{font-size:12px}.heading .btn{font-size:11px;white-space:nowrap}.cards{gap:9px}.stat{padding:15px;min-height:127px}.stat-num{font-size:26px}.panels{gap:12px;margin-top:12px}.panel{padding:17px}.grid-two,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.quick-actions{grid-template-columns:repeat(2,1fr)}.section-toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-around;background:#fff;border-top:1px solid #e1e9e4;padding:8px 7px calc(8px + env(safe-area-inset-bottom))}.mobile-tab{background:transparent;border:none;color:#859590;min-width:65px;min-height:52px;display:grid;justify-items:center;align-content:center;gap:3px;font-weight:700;font-size:10px;border-radius:10px}.mobile-tab span{font-size:21px}.mobile-tab.active{background:#edf6e8;color:#1d5b42}.toast{bottom:88px;right:10px}.login-view{display:block}.login-art{display:none}.login-card{min-height:100vh;padding:32px 26px}.login-card h1{letter-spacing:-2px}.team-card{padding:12px}}
@media(max-width:350px){.heading{flex-direction:column}.cards{grid-template-columns:1fr 1fr}.stat{padding:12px}.stat-num{font-size:22px}.quick-actions{grid-template-columns:1fr 1fr}}