@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{--bg:#06111d;--bg2:#0b2030;--panel:rgba(15,33,48,.75);--panel2:rgba(17,39,58,.90);--border:rgba(187,218,235,.135);--light:#eef7fc;--muted:#8ba6b8;--blue:#58cdff;--orange:#ffae68;--green:#54dcb4;--red:#ff7c88;--purple:#ac9aff;--radius:13px;--font:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--light);background:#06111d;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.labelcaps{font-size:10px;font-weight:800;letter-spacing:.2em;color:#76bce0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5fe1b0;box-shadow:0 0 10px #54dcb466}.accent{color:var(--blue)}.btn{border:1px solid #ffffff24;background:transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:47px;padding:0 19px;color:#eaf8ff;font-size:11px;font-weight:800;letter-spacing:.09em;transition:.22s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 8px 24px #0081b42b}.btn.primary{color:#041927;background:linear-gradient(120deg,#64d4ff,#8be6ee);border-color:#8fe8ff;box-shadow:0 9px 28px #06b6eb22}.btn.outline{border-color:#8edfff77}.btn.ghost{border-color:#ffffff29;background:#ffffff0c}.btn.small{min-height:37px;font-size:10px}.btn.fill{width:100%}.btn.danger{border-color:#ff7c8875;color:#ffbac0}.btn.success{border-color:#52dcb17a;color:#7af2cc}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important}.close-icon{position:absolute;top:17px;right:19px;background:none;border:0;color:#bbd4e3;font-size:29px;font-weight:300;line-height:1;transition:.18s}.close-icon:hover{color:#fff;transform:rotate(90deg)}
/* Landing — transparent ribbon, atmospheric backdrop, precise typography */
.landing{min-height:100vh;background:linear-gradient(90deg,rgba(4,15,27,.90),rgba(7,27,44,.69) 52%,rgba(4,15,29,.72)),url('assets/background.png') center/cover fixed;position:relative}.landing:before{content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#57d3ff08 1px,transparent 1px),linear-gradient(90deg,#57d3ff08 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,84px);height:82px;background:#859fa515;backdrop-filter:blur(22px);border-bottom:1px solid #e7f5ff1d}.brand{display:flex;align-items:center;gap:12px;font:800 25px Manrope,Arial,sans-serif,Arial;letter-spacing:.105em}.brand>span:last-child{line-height:1}.brand small,.app-brand small{display:block;font:700 8px var(--font);letter-spacing:.18em;color:#96b7ca;margin-top:8px}.brand-mark{position:relative;font:800 37px Manrope,Arial,sans-serif,Arial;letter-spacing:-.16em;width:43px;display:inline-block;line-height:1;background:linear-gradient(115deg,#55d2ff 25%,#fff 50%,#ffaf6a);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-nodes{position:absolute;right:-5px;top:1px;display:flex;flex-direction:column;gap:6px}.brand-nodes i{display:block;width:3px;height:3px;background:var(--blue);border-radius:50%}.brand-nodes i:last-child{background:var(--orange)}.navlinks{display:flex;align-items:center;gap:clamp(18px,2.6vw,41px)}.navlinks a{font-size:10px;font-weight:700;letter-spacing:.15em;color:#bfd1db;transition:color .2s}.navlinks a:hover{color:var(--blue)}.navright{display:flex;align-items:center;gap:20px}.live-pill{font-size:9px;color:#add1d5;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.landing-main{position:relative;z-index:1;max-width:1540px;margin:auto}.hero{min-height:min(748px,calc(100vh - 83px));padding:70px clamp(22px,6vw,98px) 30px;display:grid;grid-template-columns:53% 47%;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:13px;color:#99c2d8;letter-spacing:.16em;font-size:10px;font-weight:800}.dash{width:31px;height:1px;background:var(--blue)}.version{color:#4d819e}.hero h1{font:800 clamp(61px,6.65vw,106px)/1.05 Manrope,Arial,sans-serif,Arial;letter-spacing:-.075em;margin:30px 0 28px;color:#f2f9fe}.hero h1 em,.landing-section h2 em{font-style:normal;color:var(--blue)}.hero-sub{max-width:450px;color:#b5c9d6;line-height:1.85;font-size:14px}.hero-actions{display:flex;gap:13px;margin:34px 0 51px}.hero-foot{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.15em;font-weight:700;color:#8dadbf}.mini-orb{height:21px;width:21px;border:1px solid #5acfff70;border-radius:100%;box-shadow:0 0 0 5px #57ceff0a,inset 0 0 10px #39bdff59}.hero-scroll{margin-left:35px;color:#5c859a}.hero-visual{height:570px;width:100%;position:relative;filter:drop-shadow(0 20px 80px #24b7f817)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #81cfee20;transform:translate(-50%,-50%) rotate(-28deg);border-radius:50%}.orbit-one{width:270px;height:270px;box-shadow:0 0 22px #74d9ff14}.orbit-two{width:410px;height:410px;border-style:dashed;animation:orbitspin 60s linear infinite}.orbit-three{width:550px;height:550px;border-color:#79d1ee0c}.core-glow{position:absolute;inset:30% 18%;border-radius:50%;background:radial-gradient(circle,#55bfe740,transparent 65%);filter:blur(28px)}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:202px;width:202px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#789eb0,#16394e 38%,#071725 74%);border:2px solid #a9e8ff66;box-shadow:inset -20px -20px 70px #020812,0 0 70px #4dceff48,0 0 0 24px #5ccfff09;animation:corebreathe 6s ease-in-out infinite}.core-inner{font:800 111px Manrope,Arial,sans-serif;background:linear-gradient(120deg,#caf7ff,#70cce7 55%,#ffac68);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px #58caff61)}.sat{position:absolute;border:1px solid #86bed436;background:#0b2334bf;backdrop-filter:blur(21px);padding:12px 18px 12px 12px;display:flex;align-items:center;gap:11px;color:#b8d2df;font-size:10px;letter-spacing:.08em;box-shadow:0 12px 28px #0004}.sat b{display:block;color:#e9f7ff;font-size:11px;letter-spacing:.13em;margin-top:4px}.sat-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #73bdda45;color:var(--blue);font-size:19px}.sat-a{top:15%;left:6%}.sat-b{top:30%;right:-2%}.sat-c{bottom:22%;left:-5%}.sat-d{bottom:13%;right:9%}.spark{position:absolute;border-radius:50%;width:5px;height:5px;background:#6ddaff;box-shadow:0 0 15px #47d2ff}.p1{top:7%;left:52%}.p2{bottom:8%;left:25%}.p3{right:10%;bottom:43%}.landing-stats{padding:26px clamp(22px,6vw,98px) 43px;border-top:1px solid #b7e0f81e;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.landing-stats>div{display:flex;flex-direction:column;gap:11px;padding:9px 25px;border-left:1px solid #88d8ff35}.landing-stats b{font:700 30px Manrope,Arial,sans-serif;color:#ebf8ff}.landing-stats span{font-size:9px;font-weight:700;letter-spacing:.12em;color:#91b1c4}.status-bubble{width:29px;height:29px;background:#54deb326;border:1px solid #5eeab280;border-radius:50%;position:relative}.status-bubble:after{content:'';position:absolute;inset:10px;border-radius:50%;background:#62e6ba}.landing-section{margin:30px clamp(22px,6vw,98px);border-top:1px solid #bfdaf521;padding:76px 0}.sect-top{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:20px;align-items:start}.landing-section h2{font:800 clamp(32px,3.5vw,52px)/1.17 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:0 0 40px}.sect-top p,.how-right p{color:#abc0ce;line-height:1.85;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-grid article{border:1px solid #9ecbe82b;background:#17354a57;backdrop-filter:blur(9px);padding:22px;min-height:225px;transition:.25s}.feature-grid article:hover{background:#1746608a;transform:translateY(-6px);border-color:#7dccf86e}.feature-grid article>span{color:#6baccf;font-size:11px}.ficon{font-size:33px;color:var(--blue);margin:17px 0}.feature-grid h3{font:800 17px Manrope,Arial,sans-serif;margin:12px 0}.feature-grid p{color:#9bb6c5;line-height:1.65;font-size:12px}.how{display:grid;grid-template-columns:1fr 1fr;gap:40px}.how-right{max-width:430px;padding-top:30px}.how-right .btn{margin-top:24px}.industry-tags{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.industry-tags span{border:1px solid #72b7d436;padding:16px 23px;background:#0e314558;font-size:10px;letter-spacing:.14em;font-weight:700}.landing-footer{display:flex;gap:20px;justify-content:space-between;padding:32px clamp(22px,6vw,98px);border-top:1px solid #d8f2ff24;color:#8eafc1;font-size:9px;letter-spacing:.13em}.landing-footer a{color:#74d4ff}@keyframes orbitspin{to{transform:translate(-50%,-50%) rotate(332deg)}}@keyframes corebreathe{50%{box-shadow:inset -20px -20px 70px #020812,0 0 95px #4dceff74,0 0 0 31px #5ccfff09}}
/* dialogs */
.overlay{position:fixed;inset:0;background:#020a14d9;z-index:110;display:grid;place-items:center;padding:18px;backdrop-filter:blur(15px)}.glass{border:1px solid #adcfeb33;box-shadow:0 28px 95px #0008;background:linear-gradient(145deg,#16354be8,#091725f5);backdrop-filter:blur(30px)}.login-box{width:min(440px,100%);padding:44px;position:relative;max-height:92vh;overflow:auto}.login-symbol{font:800 61px Manrope,Arial,sans-serif;color:var(--blue);line-height:1;margin-bottom:20px}.login-box h2{font:800 31px Manrope,Arial,sans-serif;margin:13px 0 8px;letter-spacing:-.045em}.login-box>p{font-size:12px;color:#a8c1ce;line-height:1.7;margin-bottom:26px}.login-box form,.modal-box form{display:grid;gap:17px}.login-box label,.modal-box label{display:grid;gap:8px;font-size:10px;letter-spacing:.06em;font-weight:700;color:#b4cedd}.login-box input,.modal-box input,.modal-box select,.modal-box textarea,.search-top input,.inline-input,.filter-select{background:#051626bf;border:1px solid #a8c6d63d;color:#e9f7ff;padding:12px;outline:none;width:100%;border-radius:0}.login-box input:focus,.modal-box input:focus,.modal-box textarea:focus,.modal-box select:focus,.search-top input:focus,.inline-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #36cbfc21}.login-box input::placeholder,.modal-box input::placeholder{color:#7092a6}.login-note{font-size:11px!important;margin:10px 0 0!important}.login-separator{border-top:1px solid #8ab5d02b;padding-top:17px;margin-top:17px;color:#88a9bc;text-align:center;font-size:9px;letter-spacing:.13em}.text-btn{border:0;background:transparent;color:#80d6ff;font-size:11px;margin-top:14px;cursor:pointer}.modal-box{width:min(590px,100%);padding:30px;position:relative;max-height:91vh;overflow:auto}.modal-box h2{font:800 25px Manrope,Arial,sans-serif;margin:12px 0 23px}.modal-box select option{background:#102b41}.modal-box textarea{resize:vertical;min-height:90px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-grid label.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.toast{position:fixed;right:24px;top:24px;z-index:200;transform:translateY(-25px);opacity:0;pointer-events:none;background:#123c45;color:#e5fff8;border:1px solid #61d9ba7c;padding:14px 20px;box-shadow:0 12px 35px #0008;font-size:12px;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#492533;border-color:#ff7c88a0}
/* app shell */
.app{min-height:100vh;background:linear-gradient(105deg,#051320f0,#051726ed),url('assets/background.png') center/cover fixed}.app-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 22px;position:fixed;inset:0 0 auto;z-index:51;backdrop-filter:blur(25px);background:#142f4290;border-bottom:1px solid #9dc9df24;box-shadow:0 6px 30px #0001}.app-brand{font:800 18px Manrope,Arial,sans-serif;letter-spacing:.10em;display:flex;align-items:center;gap:12px;width:248px}.app-brand small{font-size:7px}.brand-mark.mini{font-size:33px;line-height:1;width:27px}.app-header-center{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.16em;color:#acc8d7}.app-header-center .sep{opacity:.25}.app-header-right{display:flex;align-items:center;gap:15px}.mode-pill{background:#ffae6816;border:1px solid #ffae6847;color:#ffc18b;padding:7px 9px;font-size:9px;letter-spacing:.09em}.iconbtn{border:0;background:transparent;color:#bbd9e9;font-size:22px;position:relative}.iconbtn i{height:6px;width:6px;background:#ffa965;position:absolute;top:4px;right:0;border-radius:50%}.user-avatar{border:1px solid #67d2f966;color:#b9edff;background:#1e5470;width:37px;height:37px;border-radius:50%;font-weight:800;font-size:11px}.hamburger{display:none;border:0;color:#fff;background:transparent;font-size:24px}.sidebar{width:255px;position:fixed;top:70px;left:0;bottom:0;z-index:49;background:#0a1d2acc;border-right:1px solid #9fcade28;backdrop-filter:blur(23px);display:flex;flex-direction:column;transition:transform .28s, width .28s}.sidebar-head{height:55px;padding:23px 20px 8px;display:flex;align-items:center;justify-content:space-between}.collapse-menu{background:transparent;border:0;color:#8aa8b9;font-size:23px}.org-line{margin:12px 14px 17px;padding:11px 10px;display:flex;align-items:center;gap:10px;border:1px solid #7aaeca3c;background:#1b41555c}.org-logo{width:36px;height:36px;background:linear-gradient(135deg,#377596,#153249);display:grid;place-items:center;color:var(--blue);font-size:20px}.org-line b{display:block;font-size:11px;white-space:nowrap}.org-line small{display:block;font-size:9px;color:#91adbc;margin-top:5px}.chevron{margin-left:auto;color:#9cb8c8}.sidebar-scroll{overflow:auto;padding:0 11px 18px;scrollbar-color:#41708d transparent;flex:1}.nav-section{font-size:9px;color:#6b91a8;font-weight:800;letter-spacing:.16em;padding:19px 13px 9px}.nav-item{width:100%;background:transparent;border:1px solid transparent;color:#a7bdcb;display:flex;align-items:center;gap:12px;padding:11px 13px;text-align:left;font-size:11px;font-weight:600;transition:.16s}.nav-item .nav-ico{width:21px;color:#80b9d4;font-size:17px;text-align:center}.nav-item .nav-count{margin-left:auto;color:#abc8d7;background:#ffffff12;font-size:9px;padding:3px 5px}.nav-item:hover{background:#25536c64;color:#ecfaff}.nav-item.active{background:#2a667973;color:#e9faff;border:1px solid #60cbee59;box-shadow:inset 3px 0 #64d4ff}.sidebar-bottom{padding:16px 14px;border-top:1px solid #9fcade20}.sys-box{padding:11px;background:#14354b8a;display:flex;align-items:center;gap:12px}.sys-box b{font-size:9px;letter-spacing:.06em}.sys-box small{font-size:9px;color:#7f9fb3;display:block;margin-top:5px}.sidebar-logout{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:#a2bfce;font-size:11px;width:100%;padding:16px 11px 2px;text-align:left}.sidebar-logout span{font-size:18px}.app-content{margin-left:255px;padding:104px clamp(20px,3.2vw,45px) 0;min-height:100vh;transition:margin-left .28s;display:flex;flex-direction:column}.app-page-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.breadcrumb{font-size:10px;font-weight:800;letter-spacing:.13em;color:#6db6d9}.breadcrumb span{margin:0 5px;color:#718fa2}.breadcrumb span:last-child{color:#c0d7e6}.app-page-header h1{font:800 31px Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:7px 0 5px}.app-page-header p{color:#8eaebe;font-size:12px;margin:0}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.page-actions .btn{min-height:38px;font-size:9px;padding:0 12px}.content{flex:1;animation:fadeup .24s ease}.app-footer{display:flex;justify-content:space-between;border-top:1px solid #b1dbf221;font-size:9px;letter-spacing:.11em;color:#608aa1;padding:23px 0;margin-top:43px}@keyframes fadeup{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* widgets */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.metric{padding:20px 20px 18px;border:1px solid #b3d2e12b;background:linear-gradient(140deg,#24495a72,#0e2c407b);min-height:116px;position:relative;overflow:hidden}.metric:before{content:'';position:absolute;right:-22px;top:-40px;width:120px;height:120px;border:1px solid #b4dbed19;border-radius:50%}.metric .m-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#9fbcc9;font-weight:700}.metric .m-value{font:800 34px Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:9px 0 4px}.metric .m-bottom{color:#8daabc;font-size:10px}.metric .m-icon{font-size:21px;position:absolute;right:19px;top:20px;color:#5abce84a}.metric.blue .m-value{color:#80deff}.metric.green .m-value{color:#69e4bc}.metric.orange .m-value{color:#ffc18a}.metric.purple .m-value{color:#c5b4ff}.section-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:17px}.panel{background:#102b3e9c;border:1px solid #a4cfeb2b;backdrop-filter:blur(12px);min-width:0}.panel-pad{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid #a4cfeb1c}.panel-head h3{font:800 13px Manrope,Arial,sans-serif;letter-spacing:.01em;margin:0}.panel-head .sub{display:block;color:#719eb6;font-size:10px;font-weight:500;margin-top:5px}.panel-head .small-link{font-size:10px;color:#77cfff;background:transparent;border:0}.activity-list{display:grid}.activity-row{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #add6ee15}.activity-row:last-child{border-bottom:0}.activity-icon{height:34px;width:34px;background:#4bbcec16;color:#84d4f6;border:1px solid #5bbae62e;display:grid;place-items:center;flex-shrink:0}.activity-main{flex:1;min-width:0}.activity-main strong{font-size:11px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-main small{font-size:10px;color:#7e9fb2;display:block;margin-top:4px}.activity-time{font-size:10px;color:#7c9fb2}.progress-track{height:6px;background:#34546873;margin:11px 0 3px;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,#44bdf4,#77e4d3)}.mini-list{display:grid;gap:15px;padding:18px 21px}.mini-row{display:flex;align-items:center;gap:12px}.mini-row .mini-content{flex:1;min-width:0}.mini-row b{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row small{font-size:10px;display:block;color:#8ba8b7;margin-top:4px}.mini-row .right{font-size:10px;color:#9fbcce}.avatar{width:37px;height:37px;display:grid;place-items:center;background:#37718a4a;color:#92ddff;border:1px solid #71b9d74f;border-radius:50%;font-size:11px;font-weight:800;flex-shrink:0}.avatar.orange{background:#8a5c3244;color:#ffc38a;border-color:#d7a47155}.avatar.green{background:#31795b44;color:#80edbe;border-color:#68d6a055}.avatar.purple{background:#58448755;color:#c7b6ff;border-color:#a895eb55}.pill{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;background:#81b3cf1b;border:1px solid #97cbe23b;color:#b3d9ed;font-size:9px;font-weight:800;letter-spacing:.045em;white-space:nowrap}.pill.green{color:#7eefd0;border-color:#4bddb04b;background:#37dcad19}.pill.orange{color:#ffc38b;border-color:#ebac6d50;background:#e9a46619}.pill.red{color:#ffa0a8;border-color:#ff7c8863;background:#df516020}.pill.blue{color:#85dafa;border-color:#56c9fb61;background:#35bafb16}.pill.purple{color:#cbbcff;border-color:#a89cff60;background:#ac9aff16}.table-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;border-bottom:1px solid #9fc8de24;flex-wrap:wrap}.search-input{border:1px solid #a7c7d741;background:#071e2eb0;color:white;min-height:37px;padding:0 13px;width:min(320px,100%);font-size:11px;outline:none}.search-input:focus{border-color:#62d2ff}.table-tools-right{display:flex;gap:8px}.filter-select{min-height:37px;padding:0 10px;font-size:10px;width:auto;max-width:170px}.filter-select option{background:#102b41}.table-scroll{overflow-x:auto;max-width:100%}.data-table{border-collapse:collapse;width:100%;min-width:680px}.data-table th{padding:14px 17px;text-align:left;color:#7eabc2;font-size:9px;letter-spacing:.12em;background:#0a243690;border-bottom:1px solid #aad4e728;font-weight:800;white-space:nowrap}.data-table td{padding:14px 17px;color:#bed4e2;font-size:11px;border-bottom:1px solid #a9cdde14}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#2657764a}.entity-cell{display:flex;align-items:center;gap:10px;white-space:nowrap}.entity-cell b{color:#e4f5ff;font-size:11px}.entity-cell small{display:block;color:#7da0b4;margin-top:4px;font-size:10px}.empty-state{padding:47px 24px;text-align:center;color:#92b1c3;font-size:12px}.empty-state b{display:block;color:white;margin-bottom:10px;font-size:15px}.empty-glyph{font-size:35px;color:#6dc9f2;margin-bottom:10px}.section-title{font:800 14px Manrope,Arial,sans-serif;margin:28px 0 14px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.record-card{background:linear-gradient(145deg,#17384f9e,#0a2435b0);border:1px solid #9ac8e032;padding:20px;transition:.2s;cursor:pointer;min-width:0}.record-card:hover{border-color:#7bd6ff;transform:translateY(-3px);box-shadow:0 12px 25px #0002}.record-card .card-eyebrow{font-size:9px;color:#77b9d8;letter-spacing:.12em;font-weight:800}.record-card h3{font:800 15px Manrope,Arial,sans-serif;margin:12px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-card p{margin:0 0 16px;color:#91adbc;font-size:11px;min-height:29px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #9acee222;padding-top:13px;font-size:10px;color:#89b3c7}.card-footer .card-arrow{font-size:18px;color:var(--blue)}.stat-pairs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.stat-pairs>div{padding:13px;background:#0b293b91;border:1px solid #9ecae42b}.stat-pairs b{font:800 19px Manrope,Arial,sans-serif;display:block}.stat-pairs small{font-size:9px;color:#8fb1c6;display:block;margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(205px,1fr));gap:14px;overflow-x:auto;padding-bottom:13px}.kanban-col{background:#0c283ba8;border:1px solid #a8d0e32a;min-height:320px}.kanban-head{padding:15px;border-bottom:1px solid #90c0d52a;display:flex;justify-content:space-between;font-size:11px;font-weight:800}.kanban-head span:last-child{color:#78a5bb}.kanban-card{margin:10px;padding:14px;background:#1c435875;border:1px solid #82c0dc2e;cursor:pointer}.kanban-card:hover{border-color:#68d2ff}.kanban-card h4{margin:8px 0 10px;font-size:12px;line-height:1.5}.kanban-card p{font-size:10px;color:#90aebf}.kanban-card .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.kanban-card .avatar{width:24px;height:24px;font-size:8px}.board-controls{display:flex;gap:9px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.week-grid{display:grid;grid-template-columns:130px repeat(7,minmax(130px,1fr));overflow-x:auto}.week-grid>div{border-bottom:1px solid #b7d5e11a;border-right:1px solid #b7d5e11a;min-height:66px;padding:10px}.week-grid .week-head{background:#13374aab;font-size:10px;letter-spacing:.06em;color:#9fc6d9;font-weight:800;min-height:42px}.week-grid .week-name{font-size:11px;font-weight:800;color:#cee8f4;background:#102c3d9a}.shift-block{background:#2c789449;border-left:3px solid #62d5ff;padding:8px 9px;margin-bottom:6px;font-size:9px;line-height:1.5;cursor:pointer}.shift-block b{display:block;font-size:10px}.shift-block.open{border-color:#ffb36f;background:#8a5c3450}.actions-inline{display:flex;gap:7px;flex-wrap:wrap}.microbtn{border:1px solid #8fc7e059;color:#c7e8f6;background:#2a536847;padding:6px 9px;font-size:10px}.microbtn:hover{border-color:#62d4ff;color:white}.microbtn.green{border-color:#60d5ac68;color:#8af1ca}.microbtn.orange{border-color:#ffb17576;color:#ffcc9d}.microbtn.red{border-color:#ff89937a;color:#ffabaf}.report-bars{display:flex;gap:10px;align-items:end;height:180px;padding:12px 20px}.baritem{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;height:100%;justify-content:flex-end}.baritem b{width:68%;min-height:2px;background:linear-gradient(0deg,#2075a0,#69dafb);border-radius:3px 3px 0 0}.baritem span{font-size:9px;color:#8fb6c9}.step-list{display:grid;gap:12px;padding:20px}.step{display:flex;align-items:center;gap:12px;padding:12px;background:#0b2535a9;border:1px solid #b6ddf018}.step div{flex:1}.step b{font-size:11px}.step small{display:block;color:#8dabbc;font-size:10px;margin-top:5px}.step button{flex-shrink:0}.checkcircle{height:28px;width:28px;border:1px solid #b4cfe34b;color:#7fafc5;display:grid;place-items:center;border-radius:50%;font-size:14px}.checkcircle.done{background:#2ad3a52b;border-color:#5be1b2;color:#78efc6}.setting-line{padding:18px 20px;border-bottom:1px solid #a8cfec1e;display:flex;align-items:center;justify-content:space-between;gap:18px}.setting-line:last-child{border:0}.setting-line b{font-size:12px}.setting-line p{font-size:10px;color:#8eaebd;margin:6px 0 0}.toggle{height:25px;width:45px;border-radius:16px;border:1px solid #678ba8;background:#2c4658;position:relative}.toggle:before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#abc4d3;transition:.2s}.toggle.on{background:#2bc4af;border-color:#54e7c4}.toggle.on:before{left:23px;background:#062b36}.big-clock{font:800 42px Manrope,Arial,sans-serif;color:#d7f8ff;letter-spacing:-.05em}.timer-view{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.timer-view .clock-status{color:#8dabba;font-size:11px;margin-top:6px}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.short-note{font-size:10px;color:#85a9bf}.side-note{font-size:11px;color:#98b4c1;line-height:1.8;padding:12px}.mobile-shade{display:none}
/* sliding record detail */
.drawer{position:fixed;z-index:90;right:0;top:70px;bottom:0;width:min(570px,100%);border-left:1px solid #9bd4eb54;background:linear-gradient(155deg,#173b51f7,#061a2bf9);box-shadow:-30px 0 65px #0007;display:flex;flex-direction:column;animation:slidein .3s cubic-bezier(.2,.73,.19,1)}@keyframes slidein{from{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-head{padding:29px 30px 0;position:relative;border-bottom:1px solid #add9ed2d}.drawer-head h2{font:800 26px Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:12px 35px 5px 0}.drawer-head p{color:#92b1c1;font-size:11px;margin:0 0 17px}.drawer-tabs{display:flex;gap:24px}.drawer-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#92b1c5;padding:13px 0;font-size:11px;font-weight:700}.drawer-tabs button.active{border-color:#68d4ff;color:#e5f9ff}.drawer-body{overflow-y:auto;padding:24px 30px;flex:1}.drawer-actions{border-top:1px solid #a6cfe02c;padding:15px 30px;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.detail-kv{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:19px 0}.detail-kv .kv{border-bottom:1px solid #aecad922;padding-bottom:13px;min-width:0}.kv label{font-size:9px;color:#7da7bc;display:block;letter-spacing:.1em;margin-bottom:8px}.kv strong{font-size:12px;font-weight:700;overflow-wrap:anywhere}.drawer-section{font-size:11px;letter-spacing:.12em;color:#79bbdc;font-weight:800;margin:28px 0 13px}.drawer-row{padding:13px 0;border-bottom:1px solid #b2d7e420;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.drawer-row small{color:#92b0c1}.drawer-row button{white-space:nowrap}.search-box{width:min(620px,100%);max-height:75vh;overflow:hidden}.search-top{display:flex;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #8ecae12f}.search-top>span{color:#8ed9ff;font-size:27px}.search-top input{border:0;background:none;font-size:14px;flex:1}.search-top .close-icon{position:static}.search-results{max-height:60vh;overflow-y:auto;padding:12px}.search-result{display:flex;gap:12px;width:100%;padding:13px;border:0;border-bottom:1px solid #a8d1e020;background:transparent;color:#c7e2f0;text-align:left;font-size:12px}.search-result:hover{background:#26536c99}.search-result small{display:block;color:#8baebe;margin-top:5px}
/* responsiveness */
.sidebar.collapsed{transform:translateX(-255px)}.app-content.expanded{margin-left:0}
@media(max-width:1250px){.navlinks{gap:16px}.live-pill{display:none}.hero{grid-template-columns:56% 44%}.hero h1{font-size:clamp(55px,6.3vw,85px)}.sat-b{right:-10%}.feature-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:1fr}}
@media(max-width:860px){.topbar{height:69px}.navlinks{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:68px}.hero h1{font-size:clamp(56px,11vw,82px)}.hero-visual{height:410px;max-width:570px;margin:auto}.orbit-one{width:195px;height:195px}.orbit-two{width:305px;height:305px}.orbit-three{width:400px;height:400px}.core{width:148px;height:148px}.core-inner{font-size:83px}.sat{transform:scale(.85)}.sat-a{left:0}.sat-b{right:0}.sat-c{left:0}.sat-d{right:0}.hero-scroll{display:none}.landing-stats{grid-template-columns:repeat(2,1fr)}.sect-top{grid-template-columns:1fr}.how{grid-template-columns:1fr}.sidebar{transform:translateX(-255px);background:#0a1c2af9}.sidebar.mobile-open{transform:translateX(0)}.app-content{margin-left:0}.hamburger{display:block;margin-right:10px}.app-brand{flex:1;width:auto}.app-header-center{display:none}.mobile-shade:not(.hidden){display:block;position:fixed;inset:70px 0 0;background:#020a14bd;z-index:45}}
@media(max-width:540px){.topbar{padding:0 17px}.brand{font-size:20px}.brand-mark{font-size:32px}.brand small{font-size:6px}.hero{padding:58px 20px 12px}.hero h1{font-size:clamp(49px,12.5vw,69px);margin:24px 0}.hero-sub{font-size:13px}.hero-actions{flex-direction:column;max-width:335px}.hero-foot{font-size:8px}.hero-visual{height:335px;overflow:hidden}.orbit-two{width:245px;height:245px}.orbit-three{width:315px;height:315px}.core{width:125px;height:125px}.core-inner{font-size:70px}.sat{transform:scale(.7);padding:9px}.sat-a{top:2%;left:-10%}.sat-b{top:20%;right:-11%}.sat-c{bottom:17%;left:-11%}.sat-d{bottom:6%;right:-7%}.landing-stats{padding:23px 18px;gap:13px}.landing-stats>div{padding:8px 12px}.landing-stats b{font-size:23px}.landing-stats span{font-size:8px}.landing-section{margin:22px 20px;padding:44px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:170px}.landing-footer{padding:26px 18px;flex-direction:column;gap:8px}.login-box{padding:34px 24px}.app-header{padding:0 12px;gap:4px}.app-header-right{gap:8px}.app-brand{font-size:15px}.app-brand small{font-size:6px}.mode-pill{display:none}.app-content{padding:101px 15px 0}.app-page-header{flex-direction:column;align-items:flex-start}.app-page-header h1{font-size:27px}.page-actions{width:100%}.metrics{gap:9px}.metric{padding:14px;min-height:108px}.metric .m-label{font-size:9px}.metric .m-value{font-size:26px}.card-grid{grid-template-columns:1fr}.section-grid{grid-template-columns:1fr}.panel-head{padding:15px}.app-footer{font-size:8px;gap:14px}.drawer{top:70px}.drawer-head{padding:24px 18px 0}.drawer-body{padding:18px}.drawer-actions{padding:13px}.detail-kv{gap:12px}.time-grid{grid-template-columns:1fr}.modal-grid{grid-template-columns:1fr}.modal-grid label.wide{grid-column:auto}.modal-box{padding:27px 19px}}