:root{color:#172a45;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;color:#294362;background:#fff;border:1px solid #dbe2ed;border-radius:7px;padding:9px 13px;transition:background .15s}button:hover{background:#edf2fa}button:disabled{opacity:.5;cursor:wait}a{color:#3765a2}p{color:#728097;line-height:1.65}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:32px;font-weight:650}h2{font-size:17px;font-weight:650}h3{font-size:17px;font-weight:600}small{color:#7b889d;margin-top:5px;font-size:12px;display:block}.sidebar{color:#a5b4cf;z-index:20;background:#101f3b;width:246px;padding:35px 22px;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:3px;color:#fff;font-size:30px;font-weight:750}.brand span{color:#699ff4}.brand-sub{letter-spacing:3.2px;margin-top:3px;font-size:9px}.nav-caption{letter-spacing:2px;color:#667d9f;margin:45px 12px 16px;font-size:9px}nav button{color:#a5b4cf;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;margin:5px 0;padding:13px;font-size:13px;display:flex}nav button span{width:20px;font-size:19px}nav button.active{color:#fff;background:#203759;box-shadow:inset 3px 0 #6ea3ff}nav button:hover{background:#203453}nav button b{background:#314a6e;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{font-size:11px;line-height:1.8;position:absolute;bottom:30px}.sidebar-bottom small{color:#617b9c;font-size:10px}.status-dot{background:#74bdab;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}main{margin-left:246px}header{background:#fff;border-bottom:1px solid #e0e5ef;justify-content:space-between;align-items:center;gap:16px;height:91px;padding:0 35px;display:flex}.company-switch{background:#f1f4f8;border:1px solid #e7ebf1;border-radius:9px;gap:3px;padding:4px;display:flex}.company-switch button{white-space:nowrap;background:0 0;border:0;padding:10px 15px;font-size:12px}.company-switch button.active{color:#173a6b;background:#fff;font-weight:600;box-shadow:0 1px 5px #10244615}.account{align-items:center;gap:8px;font-size:11px;display:flex}.account span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.account a{margin-left:8px;font-size:11px}.avatar{color:#274f8b;background:#e8eef9;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.page{max-width:1700px;margin:auto;padding:33px 35px}.breadcrumb{text-transform:uppercase;letter-spacing:1.5px;color:#8994a5;margin:0 0 20px;font-size:10px}.breadcrumb span{color:#bdc5d3;margin:0 9px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-title p{margin-top:7px;font-size:13px}.primary{color:#fff;white-space:nowrap;background:#214b85;border-color:#214b85;padding:11px 17px}.primary:hover{color:#fff;background:#173b6d}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px;display:grid}.stat{text-align:left;background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:22px}.stat>span{color:#7b889b;font-size:12px}.stat strong{letter-spacing:-1.2px;margin:13px 0;font-size:36px;font-weight:600;display:block}.stat small{font-size:11px}.stat b{float:right;color:#8d9db4}.panel{background:#fff;border:1px solid #e0e6f0;border-radius:12px;padding:24px}.panel>h2{margin-bottom:16px}.panel-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.panel-title h2{margin:0}.text-button{background:0 0;border:0;padding:5px;font-size:11px}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:23px;display:grid}.summary-row{border-top:1px solid #edf0f6;align-items:center;gap:14px;padding:17px 0;display:flex}.summary-row strong{font-size:13px;font-weight:550}.grow{flex:1;min-width:0}.date-tile{color:#335989;text-align:center;background:#edf2fb;border-radius:7px;min-width:56px;padding:12px 7px;font-size:11px}.tag{color:#4b6382;white-space:nowrap;background:#edf2f8;border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.tag.clean{color:#355a95;background:#edf1fa}.tag.eks{color:#2e737a;background:#e8f4f4}.task-row{border-top:1px solid #eef1f6;align-items:flex-start;gap:12px;padding:15px 0;display:flex}.task-row strong{font-size:13px;font-weight:500}input[type=checkbox]{accent-color:#214b85;cursor:pointer;flex-shrink:0;width:17px;height:17px}.welcome{background:#e9eff8;border:1px solid #dae4f3;border-radius:12px;justify-content:space-between;align-items:center;gap:25px;margin-top:24px;padding:26px;display:flex}.eyebrow{color:#6b85aa;letter-spacing:1.8px;margin-bottom:9px;font-size:9px;display:block}.welcome h2{margin:8px 0}.welcome p{font-size:12px}.empty{text-align:center;padding:55px 20px}.empty-symbol{color:#829abc;background:#eff3fa;border-radius:12px;margin-bottom:18px;padding:9px 16px;font-size:25px;display:inline-block}.empty p{max-width:390px;margin:11px auto 22px;font-size:13px}.quiet-empty{text-align:center;padding:35px 5px;font-size:12px}.quiet-empty button{margin-top:13px;font-size:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.toolbar>input{width:300px;max-width:100%}.toolbar>span{color:#8490a3;margin-left:auto;font-size:12px}input,select{color:#233e60;background:#fff;border:1px solid #d7dfec;border-radius:7px;width:100%;padding:11px 12px}.table-panel{padding:0;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:830px}th{text-transform:uppercase;letter-spacing:1px;color:#7e8da4;background:#fbfcfe;font-size:9px;font-weight:500}td,th{border-bottom:1px solid #edf0f6;padding:18px}td{font-size:12px}td strong{font-weight:550}.row-actions{align-items:center;gap:6px;display:flex}.row-actions button{padding:6px 9px;font-size:10px}.danger{color:#a13b4b}.subtle{border:0}.week-control{flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.calendar{background:#fff;border:1px solid #dfe5ef;border-radius:12px;grid-template-columns:repeat(7,minmax(145px,1fr));margin-bottom:18px;display:grid;overflow:auto}.day{border-right:1px solid #e9edf4;min-height:365px}.day:last-child{border:0}.day-head{color:#8b97aa;border-bottom:1px solid #e9edf4;align-items:center;gap:7px;padding:14px 10px;font-size:11px;display:flex}.day-head strong{color:#3d526f;font-size:17px}.day-head button{border:0;margin-left:auto;padding:2px 5px}.today .day-head{background:#edf3fd}.today .day-head strong{color:#3267ad}.day-content{padding:8px}.event{text-align:left;overflow-wrap:anywhere;background:#edf3fc;border:0;border-left:3px solid #5c85c8;border-radius:5px;width:100%;margin-bottom:8px;padding:11px 8px;font-size:10px;display:block}.event.eks{background:#edf6f6;border-color:#63a0a7}.event small{margin:0 0 6px;font-size:9px}.event strong{margin:5px 0;font-size:11px;display:block}.event span{color:#70809a;margin-top:4px;font-size:10px;display:block}.hint{margin:15px 0 22px;font-size:11px}.done .grow{opacity:.5;text-decoration:line-through}.page-footer{color:#8f9bb0;letter-spacing:1px;border-top:1px solid #e1e7f0;justify-content:space-between;gap:10px;margin-top:35px;padding-top:20px;font-size:9px;display:flex}.page-footer span{letter-spacing:0}.info-box{background:#f0f4fb;border-radius:8px;margin:20px 0;padding:18px}.info-box p{margin-top:8px;font-size:12px}.steps{padding-left:22px;font-size:13px}.steps li{padding:12px 0}.steps p{margin-top:7px;font-size:12px}.error{color:#9e3f3a;background:#fff0ef;border:1px solid #edc8c5;border-radius:8px;margin:15px 0;padding:14px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d203c80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:650px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 25px 100px #10223f30}.form-grid{grid-template-columns:1fr 1fr;gap:17px;margin-top:18px;display:grid}form label{color:#5f7290;font-size:11px;display:block}form input,form select{margin-top:7px;font-size:13px;display:block}form>label{margin:20px 0}.form-footer{border-top:1px solid #e6ebf2;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}@media (width>=1800px){.page{padding-top:45px}}@media (width<=1100px){.sidebar{width:215px}main{margin-left:215px}header{padding:0 22px}.account span{display:none}.page{padding:28px 22px}.company-switch button{padding:9px 10px;font-size:11px}.stats{gap:10px}.stat{padding:17px}.dashboard-grid{grid-template-columns:1fr}.welcome{align-items:flex-start}}@media (width<=760px){.sidebar{width:auto;padding:18px;position:static}.brand{font-size:23px}.brand-sub{font-size:8px}.nav-caption,.sidebar-bottom{display:none}nav{margin-top:15px;display:flex;overflow:auto}nav button{white-space:nowrap;width:auto;padding:9px;font-size:11px}nav button span{font-size:15px}main{margin:0}header{flex-wrap:wrap;height:auto;min-height:80px;padding:15px}.company-switch{max-width:100%;overflow:auto}.account{margin-left:auto}.page{padding:25px 16px}h1{font-size:28px}.page-title{flex-direction:column;align-items:flex-start;gap:16px}.stats{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:30px}.welcome{flex-direction:column}.form-grid{grid-template-columns:1fr}.modal{padding:20px}.page-footer{flex-direction:column}.panel{padding:18px}.table-panel{padding:0}.calendar{display:flex}.day{min-width:170px}.summary-row{flex-wrap:wrap}.account a{font-size:10px}}.login-shell{background:#f4f6fb;justify-content:center;align-items:center;gap:70px;min-height:100vh;padding:35px;display:flex}.login-hero{color:#fff;background:#101f3b;border-radius:20px;flex-direction:column;justify-content:space-between;width:520px;min-height:620px;padding:48px;display:flex}.login-hero h1{margin:18px 0;font-size:39px;line-height:1.25}.login-hero p{color:#a6b9d4;font-size:14px}.login-hero .eyebrow{color:#86a7d5}.login-card{width:400px;max-width:100%}.login-card h1{margin:12px 0;font-size:29px}.login-card>p{margin:12px 0 28px;font-size:13px}.login-card form label{margin:18px 0}.login-submit{width:100%;margin:8px 0 15px}.login-message{background:#e7eef9;border-radius:8px;padding:13px;font-size:12px}.login-foot{color:#8493ab;border-top:1px solid #dce3ee;margin-top:35px;padding-top:20px;font-size:11px}.login-hero>small{color:#8299bc;font-size:11px}@media (width<=900px){.login-shell{gap:30px}.login-hero{width:45%;padding:30px}.login-hero h1{font-size:30px}}@media (width<=650px){.login-shell{padding:25px;display:block}.login-hero{min-height:initial;gap:25px;width:100%;margin-bottom:30px;padding:25px}.login-hero h1{font-size:24px}.login-hero small{display:none}.login-card{margin:auto}}.brand-logo-card{background:#fff;border-radius:9px;justify-content:center;align-items:center;min-height:76px;padding:10px 12px;display:flex}.brand-logo{object-fit:contain;width:100%;height:64px;display:block}.sidebar .brand-sub{text-align:center;letter-spacing:2px;margin-top:12px}.login-brand{width:320px;max-width:100%;min-height:108px}.login-brand .brand-logo{height:88px}.login-companies{gap:12px;max-width:440px;margin-top:24px;display:flex}.login-companies>div{background:#fff;border-radius:7px;flex:1;min-width:0;padding:8px}.login-companies img{object-fit:contain;width:100%;height:60px;display:block}@media (width<=700px){.login-brand{width:250px}.login-companies{max-width:320px}.brand-logo{height:50px}}