@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@300;400;500;600;700&family=Kanit:wght@300;400;500;600;700&display=swap";
:root{--podi-navy:#0f2a44;--podi-green:#5fb878;--podi-gold-soft:#e6b65c;--podi-gold-deep:#c9a13b;--podi-charcoal:#2f2f2f;--podi-red:#d64545;--podi-bg:#f0f2f5;--podi-border:#e5e7eb;--text-main:#0f2a44;--text-secondary:#64748b}body{background-color:var(--podi-bg);color:var(--text-main);margin:0;padding:0;font-family:Anuphan,sans-serif}.admin-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background-color:var(--podi-navy);color:#ffffffb3;flex-direction:column;flex-shrink:0;width:220px;transition:all .2s;display:flex}.admin-sidebar.collapsed{width:64px}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-header{border-bottom:1px solid var(--podi-border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.admin-content{flex:1;padding:20px;overflow-y:auto}.sidebar-header{background:#0000001a;flex-shrink:0;align-items:center;height:48px;padding:0 16px;display:flex}.sidebar-menu{flex:1;padding:8px 0;overflow-y:auto}.sidebar-item{color:#fff9;align-items:center;gap:10px;padding:8px 16px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff0d}.sidebar-item.active{background-color:var(--podi-green);color:#fff}.menu-group-title{color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;padding:12px 16px 4px;font-size:10px;font-weight:700}.podi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.podi-card{border:1px solid var(--podi-border);background:#fff;border-radius:8px;padding:16px;transition:all .3s}.card-title{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.card-value{color:var(--podi-navy);font-family:Kanit,sans-serif;font-size:24px;font-weight:700}.value-gold{color:var(--podi-gold-soft)}.card-trend{align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.trend-up{color:var(--podi-green)}.trend-down{color:var(--podi-red)}.btn-podi-primary{background-color:var(--podi-green);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.btn-podi-primary:hover{background-color:var(--podi-gold-soft)}.podi-alert-error{border:1px solid var(--podi-red);color:var(--podi-red);background:#d645450d;border-radius:6px;margin-bottom:20px;padding:10px 16px;font-size:13px}.admin-scrollbar::-webkit-scrollbar{width:4px}.admin-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.login-screen{background:radial-gradient(circle at 0 0,#0f2a44 0%,#071929 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-header h1{color:#fff;margin:0 0 8px;font-size:28px;font-weight:800}.login-header p{color:#ffffff80;margin:0;font-size:14px}.form-group{margin-bottom:20px}.form-label{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-input-container{position:relative}.form-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 48px;font-size:14px;transition:all .3s}.form-input:focus{border-color:var(--podi-green);background:#ffffff14;box-shadow:0 0 0 4px #5fb8781a}.btn-login{background:var(--podi-green);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:32px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.btn-login:hover{background:#4ea868;transform:translateY(-2px);box-shadow:0 10px 20px -5px #5fb87866}.login-footer{text-align:center;color:#fff3;letter-spacing:2px;margin-top:40px;font-size:10px;font-weight:700}