:root{--b900:#050e1f;--b800:#091a36;--b700:#0d2854;--b600:#113a78;--b500:#1a5ba8;--b400:#2878d6;--b300:#5498e4;--b200:#a3c7f3;--b100:#dcebfb;--g700:#083a28;--g600:#0f5c3e;--g500:#189660;--g400:#22c07e;--g300:#6fddb0;--ink:#06101e;--ink2:#1c2d45;--ink3:#3a5270;--ink4:#7a96b8;--cream:#f6f9fc;--white:#fff;--f-head:"Syne",sans-serif;--f-body:"DM Sans",sans-serif;--r8:8px;--r12:12px;--r16:16px;--shadow-sm:0 1px 4px rgba(5,14,31,.08);--shadow-md:0 4px 20px rgba(5,14,31,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--f-body);color:var(--ink);background:var(--cream)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--f-body)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-left{background:linear-gradient(160deg,var(--b700) 0,var(--b900) 100%);padding:4rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 60%,rgba(26,91,168,.3) 0,transparent 50%),radial-gradient(circle at 85% 20%,rgba(24,150,96,.15) 0,transparent 45%);pointer-events:none}.auth-left-inner{position:relative}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:3.5rem;font-family:var(--f-head);font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:.04em;text-decoration:none}.auth-logo span{background:linear-gradient(135deg,#5498e4,#6fddb0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-h{font-family:var(--f-head);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:#fff;letter-spacing:-.025em;line-height:1.1;margin-bottom:.9rem}.auth-h em{font-style:italic;font-weight:400;color:#5498e4}.auth-sub{font-size:14px;color:hsla(0,0%,100%,.45);line-height:1.7;font-weight:300;margin-bottom:2.5rem}.auth-feats{display:flex;flex-direction:column;gap:12px}.auth-feat{gap:10px;font-size:13px;color:hsla(0,0%,100%,.55)}.auth-feat,.auth-feat-check{display:flex;align-items:center}.auth-feat-check{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:rgba(24,150,96,.25);border:1px solid rgba(111,221,176,.3);justify-content:center;font-size:10px;color:#6fddb0}.auth-quote{font-size:13px;color:hsla(0,0%,100%,.3);font-style:italic;line-height:1.65;position:relative}.auth-quote-author{font-size:11px;color:hsla(0,0%,100%,.18);margin-top:5px}.auth-right{background:var(--cream);padding:4rem;display:flex;align-items:center;justify-content:center}.auth-form-wrap{width:100%;max-width:400px}.auth-form-title{font-family:var(--f-head);font-size:1.6rem;font-weight:700;color:var(--ink);letter-spacing:-.025em;margin-bottom:.4rem}.auth-form-sub{font-size:13.5px;color:var(--ink3);margin-bottom:1.8rem}.type-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;background:rgba(5,14,31,.07);border-radius:10px;padding:4px;margin-bottom:1.8rem}.tt-btn{padding:9px;border-radius:8px;font-size:13px;font-weight:500;text-align:center;color:var(--ink3);background:transparent;border:none;font-family:var(--f-body);cursor:pointer;transition:all .2s}.tt-btn.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.fg{margin-bottom:14px}.fg label{font-size:12px;font-weight:600;color:var(--ink2);display:block;margin-bottom:5px}.fg input,.fg select{width:100%;padding:10px 13px;border:1.5px solid rgba(5,14,31,.1);border-radius:var(--r8);font-size:13.5px;color:var(--ink);background:var(--white);outline:none;transition:border-color .2s;font-family:var(--f-body)}.fg input:focus,.fg select:focus{border-color:var(--b400)}.fg-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.fg-check{display:flex;align-items:flex-start;gap:9px;margin-bottom:16px}.fg-check input{margin-top:3px;accent-color:var(--b500)}.fg-check label{font-size:12.5px;color:var(--ink3);line-height:1.5}.fg-check a{color:var(--b500)}.btn-primary{display:block;width:100%;padding:13px;background:linear-gradient(135deg,var(--b500),var(--b400));color:#fff;font-family:var(--f-body);font-size:14px;font-weight:600;border:none;border-radius:var(--r8);cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{display:block;width:100%;padding:12px;border:1.5px solid rgba(5,14,31,.1);border-radius:var(--r8);font-size:13.5px;color:var(--ink2);background:#fff;transition:border-color .2s;cursor:pointer;font-family:var(--f-body);text-align:center}.btn-secondary:hover{border-color:var(--b400)}.divider-or{display:flex;align-items:center;gap:10px;margin:14px 0}.divider-or div{flex:1 1;height:1px;background:rgba(5,14,31,.1)}.divider-or span{font-size:12px;color:var(--ink4)}.form-link{text-align:center;font-size:13px;color:var(--ink3);margin-top:1.2rem}.form-link a{color:var(--b500);font-weight:500}.error-msg{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;border-radius:var(--r8)}.error-msg,.success-msg{padding:10px 14px;font-size:13px;margin-bottom:14px}.success-msg{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;border-radius:var(--r8)}.dash-wrap{display:flex;min-height:100vh}.dash-sidebar{width:240px;flex-shrink:0;background:var(--b900);display:flex;flex-direction:column;padding:0;position:fixed;top:0;left:0;bottom:0;z-index:50}.dash-logo{padding:1.4rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.07);font-family:var(--f-head);font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.04em;text-decoration:none;display:block}.dash-logo span{background:linear-gradient(135deg,#5498e4,#6fddb0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-nav{flex:1 1;padding:1.2rem 0}.dash-nav-section{padding:0 1rem;margin-bottom:1.5rem}.dash-nav-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.25);padding:0 .5rem;margin-bottom:.6rem}.dash-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.5);transition:all .2s;margin-bottom:2px;text-decoration:none}.dash-nav-link:hover{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85)}.dash-nav-link.active{background:rgba(26,91,168,.3);color:#fff}.dash-nav-icon{width:18px;text-align:center;font-size:15px}.dash-user{padding:1rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.07);gap:10px}.dash-user,.dash-user-avatar{display:flex;align-items:center}.dash-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--b500),var(--g600));justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.dash-user-name{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.7)}.dash-user-role{font-size:10px;color:hsla(0,0%,100%,.3);text-transform:uppercase;letter-spacing:.06em}.dash-main{margin-left:240px;flex:1 1}.dash-topbar{height:60px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid rgba(5,14,31,.07);position:-webkit-sticky;position:sticky;top:0;z-index:40}.dash-page-title{font-family:var(--f-head);font-size:1rem;font-weight:700;color:var(--ink)}.dash-topbar-right{display:flex;align-items:center;gap:12px}.topbar-btn{padding:7px 16px;border-radius:var(--r8);font-size:12px;font-weight:600;font-family:var(--f-body);background:var(--b500);color:#fff;border:none;cursor:pointer;transition:background .2s}.topbar-btn:hover{background:var(--b400)}.topbar-btn-g{background:var(--g600)}.topbar-btn-g:hover{background:var(--g500)}.dash-content{padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:2rem}.stat-card{background:var(--white);border:1px solid rgba(5,14,31,.07);border-radius:var(--r16);padding:1.5rem;box-shadow:var(--shadow-sm)}.stat-label{font-size:11px;font-weight:600;color:var(--ink4);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem}.stat-value{font-family:var(--f-head);font-size:2rem;font-weight:700;color:var(--ink);margin-bottom:4px}.stat-sub{font-size:12px;color:var(--ink4)}.stat-accent-blue .stat-value{color:var(--b500)}.stat-accent-green .stat-value{color:var(--g500)}.card{background:var(--white);border:1px solid rgba(5,14,31,.07);border-radius:var(--r16);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.card-title{font-family:var(--f-head);font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:1.2rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;color:var(--ink4);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(5,14,31,.07)}td{padding:12px;border-bottom:1px solid rgba(5,14,31,.05);color:var(--ink2)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--cream)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-blue{background:var(--b100);color:var(--b600)}.badge-green{background:#d1fae5;color:#065f46}.badge-amber{background:#fef3c7;color:#92400e}.badge-gray{background:var(--cream);color:var(--ink3)}.progress-bar-bg{height:6px;border-radius:3px;background:var(--cream);overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;background:var(--b400)}@media (max-width:768px){.auth-wrap,.dash-wrap{grid-template-columns:1fr}.auth-left,.dash-sidebar{display:none}.dash-main{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}}