/* Teknobest reference direction: dark surfaces, electric blue, violet and orange. */
:root{color-scheme:dark;--ink:#f5f3fd;--muted:#a6a3b9;--line:#ffffff12;--accent:#bd99ff;--mint:#9e64ff;--nav:#0d0b16;--surface:#15121f;--surface-raised:#1c172a;--blue:#426dff;--orange:#ff913f;background:#090810;color:#e8e5f3}
body{background:radial-gradient(ellipse at 90% 0%,#29114270,transparent 40%),#090810}
.sidebar{inset:18px auto 18px 18px;width:230px;padding:27px 16px 22px;border:1px solid #ffffff10;border-radius:25px;background:linear-gradient(155deg,#191326 0%,#0f0d17 62%);box-shadow:0 14px 50px #0004}
.brand{gap:9px;font-size:26px;letter-spacing:2px;padding:0 7px;font-style:italic}.brand img{width:46px;height:46px;filter:drop-shadow(0 0 12px #883ee72a)}.brand small{font-style:normal;color:#aaa3ba;font-size:.75rem;letter-spacing:1.6px}.space-label{color:#9388aa;font-size:.75rem;letter-spacing:1.5px;margin-top:40px}.space-switch{background:#090910;border-color:#51426180;padding:5px;border-radius:30px}.space-switch button{font-size:.875rem;border-radius:22px;color:#ada6be;padding:11px 6px}.space-switch button[aria-pressed=true]{background:linear-gradient(125deg,#7036c9,#9d49ef);color:#fff;box-shadow:0 4px 18px #7937d12b}.space-switch button:hover{color:white}
.sidebar nav{margin-top:32px;gap:9px}.nav-btn{position:relative;border-radius:10px;font-size:.875rem;padding:15px 12px;color:#aaa4b9}.nav-btn.active{color:#f2e9ff;background:linear-gradient(90deg,#783dd72e,#783dd708);border:1px solid #a066de28}.nav-btn.active:before{content:'';position:absolute;left:-17px;width:3px;height:24px;top:50%;transform:translateY(-50%);border-radius:0 3px 3px 0;background:#b961ff;box-shadow:0 0 18px #a13cff77}.nav-btn:hover{background:#241934}.nav-btn .count{background:#7136bc35;color:#d9bdff;font-size:.75rem}.sidebar-bottom>strong{color:#d7cbe6;font-size:.875rem}.sidebar-bottom>p{color:#9c91ac;font-size:.75rem}.orbit-mini{border-color:#745093}.orbit-mini:after{border-color:#ce7c5480}.profile{color:#ddd5ec;border-color:#ffffff15;font-size:.8125rem}.profile small{font-size:.75rem;color:#a39ab0}.avatar{color:#e0d0ff;background:linear-gradient(130deg,#3b2860,#252440);border:1px solid #8c61bc44}.app{margin-left:258px}
.topbar{height:68px;margin:24px 34px 0;padding:0 25px;background:linear-gradient(110deg,#21192e,#10101c);border:1px solid #7a4b993b;border-radius:40px;position:relative}.topbar:before{content:'';position:absolute;top:-1px;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,#a049eb80,#fb793840,transparent)}.breadcrumb{font-size:.875rem;color:#a498b5}.breadcrumb strong{color:#eee6fb}.breadcrumb span{color:#655873}.demo-label{background:#23162f;color:#ceb4e9;border-color:#9060ad40;border-radius:20px;font-size:.75rem}.date{color:#b0a4bf;font-size:.75rem}
main{padding:34px 34px 30px;max-width:1550px}.page-head{margin:0 0 26px;align-items:center}.eyebrow{color:#b48ce5;font-size:.75rem;letter-spacing:2.3px}.page-head h1{font-size:2rem;font-weight:750;letter-spacing:-1.2px;line-height:1.3}.subtitle{color:#aaa1b9;font-size:.875rem;line-height:1.6}.btn{background:#211b2e;border-color:#ffffff1e;color:#e9e2f5;border-radius:26px;font-size:.875rem;padding:13px 19px}.btn:hover{background:#30233f;border-color:#b888e563;transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,#2854d4,#4468ea);border:1px solid #6580e954;box-shadow:0 6px 22px #18338835;color:white}.btn.primary:hover{background:linear-gradient(110deg,#3464ef,#5679ff)}.page-head>.btn.primary{padding-right:11px;gap:12px;flex-direction:row-reverse}.page-head>.btn.primary svg{padding:7px;box-sizing:content-box;background:linear-gradient(135deg,#a63df2,#d24ccc 58%,#ff973f);border:2px solid #080911;border-radius:50%;height:17px;width:17px}.btn.small{font-size:.8125rem;background:#261b37}.btn.mint{background:#7735c3;color:white}.link,.panel-head a{color:#c09ced;font-size:.875rem}.btn:focus-visible,button:focus-visible,a:focus-visible{outline-color:#c48fff}
.overview{border:1px solid #72509246;border-radius:28px 80px 28px 8px;min-height:250px;margin-bottom:24px;padding:31px 38px;background:radial-gradient(ellipse at 79% 75%,#35296366,transparent 46%),linear-gradient(112deg,#20152e,#0c0b13 60%,#131025);box-shadow:inset 0 1px #ffffff06,0 18px 50px #0002;isolation:isolate}.overview:before{top:-80px;right:-150px;width:650px;height:400px;transform:rotate(-25deg);border:1px solid #8556b02e;border-radius:50%;background:radial-gradient(ellipse at 65% 30%,#f2792529,transparent 54%);z-index:-1}.overview:after{content:'';position:absolute;bottom:0;left:35px;right:100px;height:1px;background:linear-gradient(90deg,#a742ec99,#524ddb33,#ff8e3055);z-index:-1}.overview .eyebrow{color:#c195f1;font-size:.75rem;letter-spacing:2px;margin-bottom:15px}.overview h2{font-size:clamp(1.55rem,2.25vw,2.25rem);font-weight:750;line-height:1.25;letter-spacing:-1px;margin-bottom:13px}.overview h2 span{background:linear-gradient(90deg,#dcbdff,#aaa0f4 65%,#ffb17b);color:transparent;background-clip:text;-webkit-background-clip:text}.overview p{font-size:.875rem;line-height:1.7;max-width:470px;color:#b5a9c6;margin-bottom:20px}.overview .text-action{color:#f5eaff;font-size:.875rem;gap:12px}.overview .text-action svg{width:28px;height:28px;padding:6px;border-radius:50%;background:#502579}
.orbit-chart{width:250px;height:195px;margin-right:2%}.orbit-ring.one{width:182px;height:182px;border-color:#764da169;box-shadow:0 0 32px #752edd12}.orbit-ring.two{width:260px;height:104px;border-color:#c779ab80;transform:translate(-50%,-50%) rotate(-32deg);box-shadow:0 0 18px #903dda18}.orbit-ring.three{border-color:#897dd65e;width:127px;height:127px}.orbit-center{width:88px;height:88px;border-color:#ab80fc8c;background:radial-gradient(circle at 32% 25%,#7955b8,#39246b 57%,#16142e);box-shadow:inset 0 0 18px #c69aff22,0 0 45px #9149f340;color:#f0e6ff}.orbit-center svg{width:32px;height:32px}.orb{border-radius:14px;border-color:#9976c465;background:linear-gradient(140deg,#392951,#171626);color:#d4c5e8;padding:11px;box-shadow:0 9px 18px #0005}.orb.o1{top:18px;left:28px}.orb.o2{right:0;top:47px;color:#b0c0ff;background:#202347;border-color:#647bef80}.orb.o3{bottom:2px;left:60px;color:#ffc693;background:#44261d;border-color:#d7844f80}.orbit-point{background:#ff993f;box-shadow:0 0 16px #ff7d25;right:50px;bottom:7px}
.metrics{gap:0;border:1px solid #7361852a;border-radius:18px;background:linear-gradient(110deg,#191422,#121019);overflow:hidden;margin-bottom:28px}.metric{background:transparent;border:0;border-right:1px solid #ffffff0c;border-radius:0;padding:22px 25px;position:relative}.metric:last-child{border:0}.metric-top{color:#b4a9c1;font-size:.875rem;gap:8px;line-height:1.4}.metric-top svg{color:#8b72a7;width:18px;height:18px}.metric-value{font-size:2.25rem;color:#f5efff;font-weight:650;letter-spacing:-1px;margin:8px 0 1px}.metric-bottom{font-size:.75rem;color:#a093af}.metric-bottom.amber{color:#ffb36e}.metric-bottom.green{color:#a8b8ff}.metric:before{content:'';position:absolute;width:3px;height:20px;background:#9566d1;left:0;top:25px;border-radius:0 2px 2px 0}.metric:nth-child(2):before{background:#f99855}.metric:nth-child(3):before{background:#637efa}.metric:nth-child(4):before{background:#ad74db}
.columns{gap:22px;grid-template-columns:minmax(0,1fr) 290px}.panel{background:linear-gradient(135deg,#17121f,#111017);border-color:#7361852a;border-radius:18px;box-shadow:0 10px 35px #0001}.panel-head{padding:23px 24px 20px}.panel-head h2{font-size:1rem;font-weight:600;color:#eee6f8}.panel-head>svg{color:#b78cde}.pill-count{background:#2a1d39;color:#cfb0ed;font-size:.75rem}.task-row{border-color:#ffffff09;padding:20px 24px;gap:14px}.task-row:hover{background:#9a5adb0b}.task-icon{width:44px;height:44px;border:1px solid #6f54903b;background:#282032;color:#bca1df;border-radius:13px}.task-icon.amber{background:#38251c;color:#ffac65;border-color:#a5653840}.task-icon.green{background:#202342;color:#99adff;border-color:#5a6bbd40}.task-info strong{font-size:.875rem;font-weight:550;color:#e7dff1}.task-info small{font-size:.75rem;color:#a598b4}.task-row>svg{color:#9680ad}.badge{border:1px solid #6b74c744;background:#252644;color:#b4bdfc;font-size:.875rem;padding:5px 10px;border-radius:20px}.badge.amber{background:#352218;border-color:#b172353d;color:#ffbc7b}.badge.green{background:#173127;border-color:#45916c40;color:#9fd5b4}.badge.gray{background:#292331;border-color:#71617d44;color:#c0b6cf}.agenda{padding:0 24px 24px}.agenda-date{color:#9f91ae;font-size:.75rem;border-color:#ffffff0c;letter-spacing:1.1px}.agenda-detail{border-left-color:#aa68dd}.agenda-item:nth-of-type(3) .agenda-detail{border-left-color:#ef995a}.agenda-detail strong{font-size:.875rem;color:#e2d8ef;line-height:1.4}.agenda-detail p{font-size:.75rem;color:#a395b3}.agenda-time{font-size:.75rem;color:#b99bd2}.summary-box{background:#23192f;color:#c6afd9;border-color:#7e53a22f;font-size:.8125rem;border-radius:12px}.section-title{color:#e6dcec;font-weight:550;font-size:1rem;letter-spacing:0;margin:29px 0 18px}.quick-grid{gap:16px}.quick{background:#14111d;border:1px solid #79618c29;border-radius:16px;padding:20px;transition:.2s}.quick:hover{background:#21152f;border-color:#aa6eec65;transform:translateY(-3px)}.quick>svg{color:#c695f9;width:23px;height:23px}.quick:nth-child(2)>svg{color:#91a8ff}.quick:nth-child(3)>svg{color:#f3aa77}.quick strong{color:#e6dcf0;font-size:.875rem}.quick small{color:#9f8fb0;font-size:.75rem;line-height:1.4}
.search{background:#171220;border-color:#765d8e38;border-radius:22px;color:#c7bbd8}.search input{color:#f4edff}.search input::placeholder{color:#a194ae}.search svg{color:#a188b9}.toolbar select{color:#ded2ec;background:#191321;border-color:#765d8e38;border-radius:20px;font-size:.875rem}.table-wrap table th{background:#1c1627;color:#ad9bbb;font-size:.8125rem}td{border-color:#ffffff0c;font-size:.875rem;color:#d2c4df}td strong{font-size:.875rem;color:#f0e5fb}td small{font-size:.75rem;color:#a794b6}tr.clickable:hover{background:#261933}.contract-card{padding:28px}.contract-card h2{font-size:1.375rem;color:#f0e5ff}.contract-card p{color:#b4a3c2;font-size:.875rem}.contract-card .contract-stats{border-color:#ffffff10}.contract-stats strong{color:#efddff;font-size:1.5rem}.contract-stats small{color:#ab98bd;font-size:.75rem}.progress-track{background:#34253f;height:6px}.progress-track>div{background:linear-gradient(90deg,#635bfa,#b46aff)}.contract-card .btn{width:100%;justify-content:space-between;margin-top:4px}.empty{color:#b0a0c0;font-size:.875rem}.back{font-size:.875rem;color:#c9a5f1}.detail-panel h2{font-size:1rem;color:#eadcf7}.details dt{font-size:.8125rem;color:#b6a3c7}.details dd{font-size:.875rem;color:#e1d4ee}.note{background:#241a30;color:#e2d1ee;font-size:1rem;border:1px solid #a673c927;border-radius:12px}.notice{background:#1d1a30;color:#c0b1dd;border:1px solid #7769ab30;border-radius:12px;font-size:.875rem}.timeline li{border-color:#634682;color:#d8c5e9;font-size:.875rem}.timeline li:before{border-color:#17121f;background:#ba87e9}.timeline small{color:#a58cb7;font-size:.75rem}.visit-equipment{border-color:#ffffff0e;padding:24px}.equipment-title{color:#ebdff8;font-size:.875rem}.equipment-title small{color:#ac98be}.check-grid label{font-size:.875rem;color:#ccb9df}.check-grid input{accent-color:#a359e6;width:19px;height:19px}.field{font-size:.875rem;color:#c6b3d7}.field input,.field select,.field textarea{background:#100d18;border:1px solid #6e4e853f;color:#f0e5fc;border-radius:11px;padding:13px 14px;font-size:1rem}.field input::placeholder,.field textarea::placeholder{color:#9681a7}.field input:focus,.field textarea:focus,.field select:focus{outline-color:#a671da}.field input:read-only,.field textarea:read-only{color:#c4b4d3}.check-grid input:disabled{opacity:.8}.visit-actions .btn{flex:1}
dialog{background:linear-gradient(140deg,#20162d,#110e1a);color:#eddefc;border:1px solid #a271cf50;border-radius:25px;box-shadow:0 40px 150px #000b}dialog::backdrop{background:#04020bbf;backdrop-filter:blur(9px)}.modal-head{border-color:#ffffff12;padding:27px 29px}.modal-head h2{font-size:1.5rem;color:#f4eaff}.modal-head p{color:#b49ac5;font-size:.8125rem}.close{background:#36223e;color:#d7b7ed;width:34px;height:34px}.modal-body{padding:26px 29px}.modal-foot{border-color:#ffffff12}.steps span{background:#33213e}.steps .on{background:linear-gradient(90deg,#6e59ef,#b354f2)}.report{font-size:1rem;color:#e2d5ef}.report th{background:#2a1d37;color:#d0b5e6}.report-signatures div{border-color:#8c6b9f;color:#bea3d0}.report small{color:#b69cc8}#toast{background:#2b1d3f;border:1px solid #b38be566;color:#f0deff;border-radius:24px;font-size:.875rem;box-shadow:0 12px 45px #0008}footer{color:#9784a7;font-size:.75rem;padding:20px 34px 27px}
body[data-workspace=school] .space-switch button[aria-pressed=true]{background:linear-gradient(125deg,#c65e23,#ed852d);color:#fff}body[data-workspace=school] .nav-btn.active{background:linear-gradient(90deg,#ad60292e,#ad602908);border-color:#d4803e2d;color:#ffe2c9}body[data-workspace=school] .nav-btn.active:before{background:#ff994a;box-shadow:0 0 18px #ff8b3b55}body[data-workspace=school] .overview .eyebrow,body[data-workspace=school] .page-head .eyebrow{color:#f4b27d}body[data-workspace=school] .overview{background:radial-gradient(ellipse at 85% 15%,#67301950,transparent 48%),linear-gradient(112deg,#24152f,#110c14 65%,#241324)}
@media(min-width:1600px){.columns{grid-template-columns:minmax(0,1fr) 330px}.overview{min-height:270px}.orbit-chart{margin-right:5%}}
@media(max-width:1200px){.sidebar{width:208px;left:12px;inset-block:12px;padding:26px 12px}.app{margin-left:230px}.topbar{margin:20px 24px 0}main{padding:28px 24px}.columns{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.overview{padding:28px;min-height:235px}.overview h2{font-size:1.75rem}.orbit-chart{width:220px;margin-right:0;transform:scale(.9);transform-origin:right center}.metric{padding:20px 18px}.metric-top{font-size:.875rem}.quick{padding:18px 14px}.quick-grid{gap:10px}.nav-btn.active:before{left:-13px}.task-row{padding:18px}.task-row .badge{display:inline-block;font-size:.75rem}}
@media(max-width:1020px){.columns{grid-template-columns:1fr}.agenda-panel{display:none}.task-row .badge{font-size:.875rem}.overview{gap:10px}.orbit-chart{width:160px;transform:scale(.8)}.overview h2{font-size:1.55rem}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #ffffff0c}.quick-grid{grid-template-columns:1fr}.quick{padding:18px 22px}.detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:relative;inset:auto;width:auto;margin:10px 10px 0;border-radius:20px;padding:18px 14px 0}.brand{font-size:1.3rem;padding:0;letter-spacing:1.5px;gap:7px}.brand img{width:37px;height:37px}.brand small{font-size:.75rem;letter-spacing:.7px}.space-switch{right:14px;top:20px;width:174px;padding:4px}.space-switch button{padding:8px 5px;font-size:.875rem}.space-switch button svg{display:none}.sidebar nav{margin-top:22px;padding-bottom:12px;gap:6px}.nav-btn{font-size:.875rem;padding:11px 12px}.nav-btn.active:before{display:none}.app{margin:0}.topbar{margin:12px 12px 0;padding:0 17px;height:53px;border-radius:26px}.breadcrumb{font-size:.75rem;gap:8px}.breadcrumb strong{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.demo-label{font-size:.75rem;padding:4px 7px}.header-right{gap:0}.page-head{gap:16px}.page-head h1{font-size:1.65rem}.page-head>.btn.primary{font-size:.875rem;padding:9px 10px 9px 17px}.page-head>.btn.primary svg{display:block;width:14px;height:14px;padding:5px}.eyebrow{font-size:.75rem;letter-spacing:1.5px}main{padding:26px 18px}.overview{padding:25px;min-height:245px;border-radius:22px 54px 22px 7px}.overview h2{font-size:1.7rem}.overview p{font-size:.875rem;max-width:none}.orbit-chart{display:none}.metrics{border-radius:17px;gap:0;margin-bottom:22px}.metric{padding:20px 16px}.metric-top{font-size:.875rem;line-height:1.5;min-height:42px;align-items:flex-start}.metric-value{font-size:2rem;margin-top:0}.metric-bottom{font-size:.75rem;line-height:1.6}.task-row{padding:17px 16px;gap:11px;flex-wrap:wrap}.task-info{min-width:140px}.task-info strong{font-size:.875rem}.task-info small{font-size:.75rem;line-height:1.6}.task-row .badge{font-size:.75rem;margin-left:55px}.task-row>svg{margin-left:auto}.task-icon{width:40px;height:40px}.panel-head{padding:20px 17px;align-items:flex-start}.panel-head h2{line-height:1.5}.panel-head .link{font-size:.875rem;white-space:nowrap}.quick-grid{grid-template-columns:1fr;gap:12px}.quick{padding:19px}.quick strong{font-size:.875rem}.quick small{font-size:.75rem}.subtitle{font-size:.875rem}.modal-head,.modal-body{padding:22px}.modal-head h2{font-size:1.35rem}.field{font-size:.875rem}.field input,.field textarea,.field select{font-size:1rem}.modal-foot{flex-wrap:wrap}.contract-card{padding:22px}.contract-card h2{font-size:1.375rem}.contract-stats{gap:20px}.equipment-title{flex-wrap:wrap;line-height:1.6}.check-grid{gap:16px}.visit-equipment{padding:22px}.visit-actions{flex-direction:column}.task-row .task-info small br{display:initial}footer{padding:0 20px 24px;font-size:.75rem;line-height:1.8}}
@media(max-width:390px){.brand{font-size:1.1rem}.brand img{width:29px}.space-switch{width:152px;right:10px}.sidebar{padding-left:12px}.demo-label{font-size:.75rem}.breadcrumb{gap:5px}.breadcrumb strong{max-width:105px}.task-row .badge{margin-left:0}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #ffffff0c}.metric-top{min-height:0}.metric-value{margin-top:6px}}
@media print{dialog{background:white!important;color:#16121c!important;border:0!important;box-shadow:none!important}.modal-head h2,.modal-head p,.report,.report h3,.report td,.report th,.report strong,.report small,.report-signatures div{color:#16121c!important;background:white!important}.modal-head,.report td{border-color:#ccc!important}.report-signatures div{border-color:#777!important}body{background:white!important}}
.space-switch{flex-direction:column;border-radius:18px}.space-switch button{justify-content:flex-start;padding:11px 15px;gap:9px}.space-switch button svg{display:block}@media(max-width:760px){.space-switch{position:static;width:100%;margin-top:18px;flex-direction:row;border-radius:28px}.space-switch button{justify-content:center;padding:9px 6px;gap:6px}.space-switch button svg{display:none}.sidebar nav{margin-top:14px}}