:root{--blue:#0d3b66;--pale:#f5f7fa;--line:#e4e8ed;--green:#197750;--amber:#b76b00;--red:#b63d36}*{box-sizing:border-box}body{margin:0;font:14px Inter,Arial,sans-serif;background:var(--pale);color:#18232e}button,input,select{font:inherit}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.hero{background:var(--blue);color:#fff;padding:12vh 12%;display:flex;flex-direction:column;justify-content:center}.mark{font-size:52px}.hero h1{font-size:34px;letter-spacing:2px;margin:22px 0 2px}.hero small{letter-spacing:1px;color:#c1d4e5}.hero h2{font-size:33px;margin:58px 0 12px}.hero p{max-width:400px;color:#d4e1ec;line-height:1.6}.login-box{margin:auto;width:min(370px,85%)}.login-box h2{font-size:28px;margin-bottom:6px}.login-box p{color:#66727d}.login label{display:block;margin:22px 0 0;color:#3c4650;font-weight:600}.login input,select{width:100%;border:1px solid #cfd7df;border-radius:7px;padding:12px;margin-top:7px}.password-field{display:block;position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:7px;top:14px;width:auto!important;margin:0!important;padding:5px 8px!important;background:transparent!important;color:var(--blue)!important;font-size:12px}.primary,.login-box button{border:0;border-radius:7px;padding:11px 16px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.login-box button{width:100%;margin-top:26px}.login-box button:disabled{opacity:.65;cursor:wait}.error{color:#b42318;min-height:20px;margin-top:12px!important}#app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{padding:28px 22px;color:var(--blue);font-size:17px}.logo small{display:block;font-size:9px;letter-spacing:1px;margin:4px 22px}nav{padding:10px}nav button{display:block;width:100%;border:0;background:none;text-align:left;border-radius:7px;padding:12px;color:#42505d;cursor:pointer;margin:2px 0}nav button.active,nav button:hover{background:#e8f0f7;color:var(--blue);font-weight:700}.profile{margin:auto 20px 25px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.content{min-width:0}header{background:#fff;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1,h2,p{margin-top:0}header h1{margin-bottom:6px;font-size:25px}header p{margin:0;color:#67727e}.content>#view{padding:28px 32px}.cards{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px}.card,.panel{background:#fff;border-radius:9px;border:1px solid #ebedf0}.card{padding:17px}.card b{font-size:25px;display:block;margin-bottom:6px}.card span{color:#68737e;font-size:12px}.grid{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-top:22px}.panel{padding:20px}.panel h2{font-size:17px}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.row:first-of-type{border-top:0}.muted{color:#68737e;font-size:12px}.chip{border-radius:20px;padding:5px 8px;font-size:11px;font-weight:700;background:#e7f5ed;color:var(--green)}.chip.warn{background:#fff4dc;color:var(--amber)}.chip.urgent{background:#fde9e7;color:var(--red)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:11px;color:#68737e;letter-spacing:.5px}.table button{border:1px solid #cbd5df;background:#fff;border-radius:5px;padding:6px 9px;cursor:pointer}dialog{border:0;border-radius:10px;box-shadow:0 15px 55px #0005;width:min(440px,94vw)}dialog::backdrop{background:#0006}dialog form{padding:8px}dialog label{display:block;margin:14px 0;font-weight:600}dialog input,dialog select{display:block}menu{display:flex;justify-content:flex-end;gap:10px;padding:8px 0 0;margin:16px 0 0}menu button{border:0;background:#e8edf2;border-radius:6px;padding:10px 14px}.empty{background:#fff;border:1px dashed #cbd5df;padding:28px;color:#68737e;text-align:center;border-radius:8px}@media(max-width:850px){.login{grid-template-columns:1fr}.hero{padding:45px 10%}.hero h2{margin-top:25px}.login-box{padding:40px 0}#app{grid-template-columns:1fr}aside{border-right:0}.logo{padding:15px 20px}nav{display:flex;overflow:auto;padding:6px 10px}nav button{white-space:nowrap;width:auto}.profile{display:none}header{padding:20px}header p{display:none}.content>#view{padding:18px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.primary{white-space:nowrap}}