@font-face{font-family:Estedad;src:url('../fonts/Estedad-FD.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#173b50;--navy2:#214e63;--teal:#278b91;--teal-soft:#e8f5f4;--mint:#eaf6f1;--ink:#203744;--muted:#7d909a;--line:#e5edf0;--canvas:#f3f7f8;--white:#fff;--danger:#b94b52;--shadow:0 12px 34px rgba(25,64,79,.07)}
*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink);font-family:Estedad,Tahoma,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.auth-wrap{width:min(100% - 32px,480px);margin:7vh auto 30px}.auth-brand,.brand{display:flex;align-items:center;gap:13px}.auth-brand{margin:0 0 22px 5px}.auth-brand b,.brand b{display:block;color:var(--navy);font-size:16px;font-weight:750}.auth-brand small,.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.brand-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--teal),var(--navy));font-size:24px;box-shadow:0 8px 20px rgba(39,139,145,.2)}.auth-card,.card{background:var(--white);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.auth-card{padding:34px}.eyebrow{color:var(--teal);font-size:11px;font-weight:750;letter-spacing:.15px}.auth-card h1,.welcome-row h1,.page-heading h1{margin:8px 0 6px;font-size:23px;font-weight:800;color:var(--navy)}.muted{color:var(--muted);font-size:12px;line-height:2;margin:0 0 23px}.auth-card form label,.create-card label{display:block;color:#526873;font-size:12px;font-weight:650;margin:17px 0}.auth-card input,.create-card input,.create-card select,.form-grid input{display:block;width:100%;height:45px;margin-top:8px;padding:0 13px;border:1px solid #dce7eb;border-radius:10px;background:#fbfdfd;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.auth-card input:focus,.create-card input:focus,.create-card select:focus,.form-grid input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(39,139,145,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 17px;cursor:pointer;font-weight:700;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:white;background:linear-gradient(120deg,var(--teal),#247c86);box-shadow:0 7px 16px rgba(39,139,145,.17)}.btn-block{width:100%;height:47px;margin-top:9px}.btn-ghost{background:#f0f6f7;color:var(--navy)}.btn-sm{padding:8px 12px;font-size:11px}.btn-table{padding:7px 10px;background:#eef6f6;color:#267b80;font-size:11px;white-space:nowrap}.security-note{display:flex;gap:8px;align-items:center;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.security-note span{color:var(--teal)}.auth-foot{text-align:center;margin-top:18px;color:#9aabb2;font-size:10px}.alert{padding:12px 14px;border-radius:10px;margin:14px 0;font-size:12px}.alert-danger{background:#fff1f1;color:#a53e45;border:1px solid #f4d7d8}.alert-success{background:#eef9f3;color:#277957;border:1px solid #d5eee0}.hint{display:block;color:#8a9aa1;font-size:10px;font-weight:400;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 0 0 auto;width:255px;padding:25px 18px;background:linear-gradient(180deg,#173b50 0%,#1d4b5e 100%);color:#eaf4f5;display:flex;flex-direction:column;z-index:5}.brand{padding:0 7px 27px;border-bottom:1px solid rgba(255,255,255,.12)}.brand b{color:#fff;font-size:13px}.brand small{color:#a9c4ca;font-size:10px}.brand-symbol{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#43b6ad,#25828c);box-shadow:none}.nav-caption{margin:25px 10px 11px;color:#8eafb8;font-size:10px;font-weight:700}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;margin:3px 0;border-radius:10px;color:#c7dadd;font-size:12px;transition:.2s}.nav-link span{width:20px;text-align:center;font-size:17px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.12);color:#fff}.nav-link.active{box-shadow:inset -3px 0 #54c3b5}.sidebar-bottom{margin-top:auto;padding:13px 10px;color:#b1cbd0;font-size:10px;border-top:1px solid rgba(255,255,255,.12)}.online-dot{display:inline-block;width:7px;height:7px;background:#5bd3a4;border-radius:50%;margin-left:7px;box-shadow:0 0 0 4px rgba(91,211,164,.12)}.main-area{width:calc(100% - 255px);margin-right:255px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar>div:first-child{display:flex;flex-direction:column;gap:2px}.top-kicker{color:#91a1a8;font-size:10px}.topbar>div:first-child b{font-size:14px;color:var(--navy)}.user-menu{display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);font-weight:800}.user-meta{display:flex;flex-direction:column;min-width:100px}.user-meta b{font-size:11px;color:var(--navy)}.user-meta small{font-size:10px;color:var(--muted);margin-top:3px}.content{width:min(100%,1500px);padding:29px 34px 40px;margin:0 auto;flex:1}.footer{padding:17px 34px;text-align:center;color:#9aabb2;font-size:10px}.footer span{padding:0 6px;color:var(--teal)}.welcome-row,.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.welcome-row h1,.page-heading h1{font-size:22px}.welcome-row .muted,.page-heading .muted{margin:0}.date-chip{padding:9px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-size:12px;font-weight:700;text-align:center}.date-chip small{display:block;color:var(--muted);font-size:9px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{position:relative;overflow:hidden;padding:19px 20px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px rgba(25,64,79,.035)}.stat-card:after{content:"";position:absolute;left:-24px;bottom:-38px;width:100px;height:100px;border-radius:50%;background:var(--teal-soft);opacity:.65}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--teal-soft);color:var(--teal);font-size:18px}.stat-value{margin-top:13px;font-size:27px;line-height:1.2;color:var(--navy);font-weight:800}.stat-label{margin-top:5px;color:#526873;font-size:12px;font-weight:700}.stat-foot{margin-top:10px;color:#9aabb2;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:18px}.card{padding:21px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0;color:var(--navy);font-size:14px;font-weight:800}.section-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.soft-tag{padding:6px 10px;border-radius:8px;background:var(--teal-soft);color:#287f82;font-size:10px;font-weight:700}.activity-list{border-top:1px solid var(--line)}.activity-item{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #f0f4f5}.activity-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eff7f6;color:var(--teal);font-size:20px}.activity-item div{display:flex;flex-direction:column;gap:3px;flex:1}.activity-item b{font-size:11px;color:#405964}.activity-item small,.activity-item time{font-size:9px;color:#98a8ae}.empty-state{padding:25px;text-align:center;color:var(--muted);font-size:11px}.quick-link{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.quick-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);font-size:17px}.quick-link span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.quick-link b{font-size:11px;color:var(--navy)}.quick-link small{font-size:9px;color:var(--muted)}.quick-link i{font-style:normal;color:var(--teal)}.notice{margin-top:17px;padding:13px;border-radius:11px;background:#f0f7f8;border:1px solid #e0eff0}.notice b{font-size:10px;color:#267b80}.notice p{font-size:10px;line-height:1.9;color:#6f858d;margin:5px 0 0}.users-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);gap:18px;align-items:start}.create-card form label{margin:14px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:11px 10px;background:#f6f9fa;color:#84969d;text-align:right;font-size:10px;font-weight:700}td{padding:12px 10px;border-bottom:1px solid #edf2f3;color:#5a6e77;font-size:10px}td b{color:#304b58;font-weight:700}.state{display:inline-block;padding:4px 8px;border-radius:6px;font-size:9px}.state-on{background:#eaf7f0;color:#28845c}.state-off{background:#fdf0f0;color:#b94b52}.create-card{position:sticky;top:18px}.create-card .btn{margin-top:5px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.users-layout{grid-template-columns:1fr}.create-card{position:static}}
@media(max-width:720px){.sidebar{width:68px;padding:18px 9px}.brand{justify-content:center;padding:0 0 20px}.brand>span:last-child,.nav-caption,.nav-link:not(.active){display:none}.nav-link{justify-content:center;padding:13px 5px;font-size:0}.nav-link span{font-size:18px}.sidebar-bottom{font-size:0;text-align:center;padding:12px 0}.online-dot{margin:0}.main-area{width:calc(100% - 68px);margin-right:68px}.topbar{height:68px;padding:0 15px}.content{padding:22px 15px}.user-meta{display:none}.welcome-row h1,.page-heading h1{font-size:19px}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:23px}.stat-foot{font-size:8px}.dashboard-grid{gap:12px}.card{padding:16px}.footer{padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:420px){.auth-card{padding:24px 19px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-label{font-size:10px}.date-chip{font-size:10px;padding:7px 10px}}