@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#0b1120;color:#eaf0fa;font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{padding:30px 5vw;background:radial-gradient(ellipse at 15% 80%,#302658,transparent 45%),radial-gradient(ellipse at 70% 10%,#16404a,transparent 45%),#0d1525;border-right:1px solid #202a3c;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center}.brand>svg{width:40px;height:40px;padding:8px;border-radius:11px;background:#7064e8;color:#fff}.brand b,.brand small{display:block}.brand b{font:800 20px Manrope}.brand small{font-size:9px;letter-spacing:1.2px;color:#8795af;margin-top:3px}.hero{margin:auto 0;padding:60px 0;max-width:450px}.hero>span,.kicker{font-size:10px;letter-spacing:1.6px;color:#a99eff;font-weight:700}.hero h1{font:800 clamp(36px,4vw,54px)/1.15 Manrope;letter-spacing:-1.8px}.hero i{color:#a99eff}.hero p,.form>p{font-size:13px;color:#92a1ba;line-height:1.8}.safe{display:flex;gap:10px;align-items:center;margin-top:28px;font-size:12px;color:#c3cee0}.safe svg{color:#65dfb7}.foot{font-size:9px;letter-spacing:1.5px;color:#60718d}.loginright{display:grid;place-items:center;padding:30px}.form{width:min(390px,100%)}.form h2{font:700 27px Manrope;margin:12px 0}.form>p{margin-bottom:25px}.form label{display:block;font-size:11px;margin:16px 0 8px;color:#c4d0e2}.form input{width:100%;height:44px;border:1px solid #303d53;border-radius:8px;background:#0d1726;color:#fff;padding:0 12px;outline:0}.form input:focus{border-color:#8274f5}.primary,.secondary{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:11px 14px;border-radius:8px;font-size:12px;font-weight:700}.primary{border:1px solid #897bff;background:#796af1;color:#fff}.secondary{border:1px solid #354158;background:#172235;color:#c6d1e2}.form .primary{width:100%;margin-top:22px}.demo{margin-top:22px;padding:14px;border:1px solid #2a3549;background:#111b2b;border-radius:9px;font-size:11px}.demo p{color:#aab8ce;margin:8px 0}.demo code{background:#242d42;padding:3px 5px;border-radius:4px}.demo small{font-size:9px;color:#d8a979}.error,.success{display:flex;gap:8px;padding:10px;border-radius:7px;font-size:11px;margin:12px 0}.error{background:#422834;color:#ffb6c2}.success{background:#173b35;color:#86e8c5}.app aside{position:fixed;inset:0 auto 0 0;width:235px;background:#0d1525;border-right:1px solid #202a3c;padding:24px 15px;display:flex;flex-direction:column}.app aside .brand{margin-bottom:38px;padding-left:7px}.nav{font-size:10px;letter-spacing:1.4px;color:#7888a3}.active{padding:12px;border-radius:8px;background:#24254a;color:#c4c0ff;font-size:12px}.profile{margin-top:auto;border-top:1px solid #202a3c;padding:18px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#34345f;border-radius:10px}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{font-size:9px;color:#8796af;margin-top:4px}.logout{width:100%}.app main{margin-left:235px;min-height:100vh}.app header{height:68px;padding:0 32px;border-bottom:1px solid #202a3c;display:flex;justify-content:space-between;align-items:center;font-size:12px}.app header>div{display:flex;align-items:center;gap:12px}.tag{padding:5px 8px;background:#302e51;color:#bcb4ff;border-radius:5px;font-size:10px}.content{max-width:1400px;padding:30px 32px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.heading h1{font:700 29px Manrope;margin:10px 0}.heading p,.panel p{color:#8796af;font-size:12px}.datebox{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #29364a;background:#111b2b;border-radius:9px;color:#a99eff}.datebox small,.datebox b{display:block}.datebox small{font-size:8px;color:#8190aa}.datebox b{font-size:10px;color:#dce5f5;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.card,.panel{background:#111b2b;border:1px solid #222e41;border-radius:11px}.card{padding:17px;display:flex;flex-direction:column;gap:9px;min-width:0}.card>div{color:#a99eff}.card span{font-size:11px;color:#98a6bd}.card b{font:700 18px Manrope;overflow-wrap:anywhere}.panel{padding:20px;margin-bottom:20px}.panel h2{font:700 16px Manrope;margin:0 0 7px}.actions{display:flex;gap:9px;margin-top:17px}.tablewrap{overflow:auto;margin:15px -20px -20px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:12px 16px;background:#0e1726;color:#71819b;font-size:9px;letter-spacing:.7px;border-block:1px solid #222e41}td{padding:13px 16px;border-bottom:1px solid #202b3d;font-size:11px;color:#b3bfd2}.empty{text-align:center;padding:28px;color:#8291a9}.date-label{display:flex;gap:12px;align-items:center;font-size:11px;color:#aab8ce;margin-top:15px}.date-label input{background:#0d1726;color:#fff;border:1px solid #303d53;padding:8px;border-radius:6px}footer{text-align:center;color:#566783;font-size:10px;padding:22px 0}@media (max-width:750px){.login{grid-template-columns:1fr}.intro{display:none}.loginright{min-height:100vh}.app aside{position:static;width:auto;padding:14px}.app aside .brand{margin:0}.app aside .nav,.app aside>.active,.app aside>.profile,.app aside>.logout{display:none}.app main{margin:0}.app header{padding:0 14px}.content{padding:20px 13px}.heading{align-items:flex-start;flex-direction:column;gap:15px}.cards{grid-template-columns:1fr}.actions{flex-wrap:wrap}.actions button{flex:1}}.crud-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;align-items:end;margin-top:18px;padding:16px;background:#0e1726;border:1px solid #222e41;border-radius:9px}.crud-form h3{grid-column:1/-1;margin:0;color:#dce5f5;font:600 12px Manrope}.crud-form label{display:grid;gap:6px;color:#aab8ce;font-size:10px}.crud-form input,.crud-form select{width:100%;min-width:0;height:36px;border:1px solid #303d53;border-radius:6px;background:#111b2b;color:#eaf0fa;padding:0 9px;font-size:11px;outline:0}.crud-form input:focus,.crud-form select:focus{border-color:#8274f5}.crud-form input::placeholder{color:#71819b}.form-actions,.row-actions{display:flex;gap:7px;align-items:center}.form-actions{grid-column:1/-1}.form-actions button{padding:9px 12px}.icon-button{padding:7px;min-width:30px;min-height:30px}.danger{display:inline-flex;align-items:center;justify-content:center;border:1px solid #623745;background:#321e2a;color:#ffb6c2;border-radius:8px}.row-actions{white-space:nowrap}@media (max-width:750px){.crud-form{grid-template-columns:1fr 1fr}.date-label{align-items:flex-start;flex-direction:column}.form-actions button{flex:1}}