:root{
--wt-primary:#001849;--wt-primary-dark:#000f31;--wt-primary-soft:#e8eefb;
--wt-accent:#ffffff;--wt-accent-soft:#f4f7ff;--wt-bg:#f5f7fb;
--wt-surface:#fff;--wt-text:#1f2933;--wt-muted:#6b7280;--wt-border:#e5e7eb;
--wt-success:#15803d;--wt-warning:#d97706;--wt-danger:#b91c1c;--wt-info:#2563eb;
--wt-radius:14px;--wt-shadow:0 8px 24px rgba(0,24,73,.09)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:var(--wt-bg);color:var(--wt-text)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.ams-shell{min-height:100vh;display:flex}.ams-sidebar{width:260px;background:var(--wt-primary);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 16px;overflow-y:auto;z-index:30}
.ams-brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.ams-brand-mark{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--wt-primary);font-weight:800;font-size:20px}
.ams-brand-title{font-weight:800;font-size:18px}.ams-brand-subtitle{font-size:12px;color:rgba(255,255,255,.7);margin-top:2px}
.ams-nav{padding-top:18px}.ams-nav-section{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.55);padding:14px 12px 8px}
.ams-nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;margin:3px 0;border-radius:10px;color:rgba(255,255,255,.86);transition:.18s}
.ams-nav-link:hover,.ams-nav-link.active{background:rgba(255,255,255,.11);color:#fff}.ams-nav-icon{width:20px;text-align:center}
.ams-main{margin-left:260px;min-height:100vh;width:calc(100% - 260px)}.ams-topbar{height:72px;background:#fff;border-bottom:1px solid var(--wt-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}
.ams-topbar-left{display:flex;align-items:center;gap:14px}.ams-mobile-toggle{display:none;border:0;background:transparent;font-size:24px;cursor:pointer}.ams-page-title{font-size:20px;font-weight:800}
.ams-user{display:flex;align-items:center;gap:12px}.ams-avatar{width:38px;height:38px;border-radius:50%;background:var(--wt-primary-soft);color:var(--wt-primary);display:grid;place-items:center;font-weight:800}
.ams-user-name{font-weight:700;font-size:14px}.ams-user-role{font-size:12px;color:var(--wt-muted)}
.ams-content{padding:28px;max-width:1500px;margin:0 auto}.ams-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ams-hero h1{margin:0 0 6px;font-size:28px}.ams-hero p{margin:0;color:var(--wt-muted)}
.ams-grid{display:grid;gap:18px}.ams-grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.ams-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ams-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ams-card{background:var(--wt-surface);border:1px solid var(--wt-border);border-radius:var(--wt-radius);box-shadow:var(--wt-shadow);padding:20px}.ams-stat{position:relative;overflow:hidden}
.ams-stat-label{font-size:13px;color:var(--wt-muted);font-weight:700}.ams-stat-value{font-size:32px;font-weight:800;margin-top:8px}.ams-stat-foot{font-size:12px;color:var(--wt-muted);margin-top:6px}.ams-stat-accent{position:absolute;right:-18px;top:-18px;width:84px;height:84px;border-radius:50%;background:var(--wt-accent-soft)}
.ams-section-title{margin:0 0 16px;font-size:18px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:12px}.ams-muted{color:var(--wt-muted)}
.ams-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 14px;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:14px}
.ams-btn-primary{background:var(--wt-primary);color:#fff}.ams-btn-primary:hover{background:var(--wt-primary-dark)}.ams-btn-secondary{background:#fff;border-color:var(--wt-border)}.ams-btn-danger{background:var(--wt-danger);color:#fff}.ams-btn-success{background:var(--wt-success);color:#fff}
.ams-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.ams-badge-success{background:#dcfce7;color:#166534}.ams-badge-warning{background:#ffedd5;color:#9a3412}.ams-badge-danger{background:#fee2e2;color:#991b1b}.ams-badge-info{background:#dbeafe;color:#1d4ed8}.ams-badge-muted{background:#f3f4f6;color:#4b5563}.ams-badge-gold{background:var(--wt-accent-soft);color:#7a5b22}
.ams-table-wrap{overflow-x:auto}.ams-table{width:100%;border-collapse:collapse}.ams-table th,.ams-table td{padding:14px 12px;border-bottom:1px solid var(--wt-border);text-align:left}.ams-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--wt-muted)}
.ams-login-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 28%),linear-gradient(135deg,var(--wt-primary-dark),var(--wt-primary));display:grid;place-items:center;padding:24px}
.ams-login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.ams-login-brand{text-align:center;margin-bottom:26px}.ams-login-mark{width:58px;height:58px;border-radius:16px;background:var(--wt-accent);color:var(--wt-primary-dark);display:grid;place-items:center;margin:0 auto 12px;font-size:24px;font-weight:800}
.ams-field{margin-bottom:16px}.ams-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.ams-input{width:100%;border:1px solid var(--wt-border);padding:12px 13px;border-radius:10px;background:#fff;outline:none}.ams-input:focus{border-color:var(--wt-primary);box-shadow:0 0 0 3px var(--wt-primary-soft)}
.ams-alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:14px}.ams-alert-danger{background:#fee2e2;color:#991b1b}.ams-alert-success{background:#dcfce7;color:#166534}
@media(max-width:1100px){.ams-grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ams-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ams-sidebar{transform:translateX(-100%);transition:.2s}.ams-sidebar.open{transform:translateX(0)}.ams-main{margin-left:0;width:100%}.ams-mobile-toggle{display:block}.ams-content{padding:20px}.ams-grid.stats,.ams-grid.two,.ams-grid.three{grid-template-columns:1fr}.ams-user-meta{display:none}.ams-hero{align-items:flex-start;flex-direction:column}}


/* Professional sidebar */
.ams-sidebar{
    width:280px;
    padding:18px 14px 16px;
    background:
        linear-gradient(180deg,#001849 0%,#00143e 58%,#000f31 100%);
    box-shadow:18px 0 40px rgba(0,24,73,.10);
}
.ams-main{margin-left:280px;width:calc(100% - 280px)}

.ams-brand{
    padding:4px 8px 18px;
    border-bottom:1px solid rgba(255,255,255,.10);
    margin-bottom:8px;
}
.ams-brand img{
    width:46px!important;
    height:46px!important;
    border-radius:12px!important;
    padding:5px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.ams-brand-title{font-size:17px;letter-spacing:.01em}
.ams-brand-subtitle{font-size:11px;line-height:1.35}

.ams-nav{padding:6px 2px 0}
.ams-nav-section{
    padding:18px 10px 8px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.13em;
    color:rgba(255,255,255,.42);
}
.ams-nav-link{
    position:relative;
    gap:12px;
    min-height:44px;
    padding:10px 11px;
    margin:4px 0;
    border-radius:11px;
    font-size:14px;
    font-weight:600;
    color:rgba(255,255,255,.76);
}
.ams-nav-link::before{
    content:"";
    position:absolute;
    left:-2px;
    top:9px;
    bottom:9px;
    width:3px;
    border-radius:99px;
    background:transparent;
}
.ams-nav-link:hover{
    background:rgba(255,255,255,.075);
    color:#fff;
    transform:translateX(1px);
}
.ams-nav-link.active{
    background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.075));
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.ams-nav-link.active::before{
    background:#fff;
}
.ams-nav-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:15px;
    line-height:1;
}
.ams-nav-link.active .ams-nav-icon{
    background:#fff;
    color:#001849;
}
.ams-nav-link:hover .ams-nav-icon{
    background:rgba(255,255,255,.13);
}
.ams-nav-link.active:hover .ams-nav-icon{
    background:#fff;
}

.ams-sidebar-footer{
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.10);
}
.ams-sidebar-user{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:12px;
    background:rgba(255,255,255,.06);
}
.ams-sidebar-avatar{
    width:36px;
    height:36px;
    border-radius:10px;
    background:#fff;
    color:#001849;
    display:grid;
    place-items:center;
    font-weight:800;
}
.ams-sidebar-user-meta{min-width:0}
.ams-sidebar-user-name{
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ams-sidebar-user-role{
    margin-top:2px;
    font-size:11px;
    color:rgba(255,255,255,.55);
}
.ams-sidebar-version{
    margin-top:10px;
    padding:0 10px;
    font-size:10px;
    color:rgba(255,255,255,.33);
}

@media(max-width:800px){
    .ams-main{margin-left:0;width:100%}
}