@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #070d1a;--bg-accent: #142845;--surface: #121d33;--surface-soft: #17253f;--text: #ecf2ff;--text-muted: #9aa9c8;--line: #253759;--sidebar-bg: #12203a;--sidebar-bg-deep: #0e1930;--sidebar-text: #99a7c4;--sidebar-active: #f0c98b;--primary: #c8a468;--primary-hover: #b89257;--danger: #d14b4b;--success: #2f9f63;--muted-btn: #7786a7;--radius: 14px}body{font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at 15% -10%,#193158 0%,transparent 35%),radial-gradient(circle at 95% 10%,#213e66 0%,transparent 40%),var(--bg);color:var(--text);font-size:14px;min-height:100vh}.admin-layout{display:flex;min-height:100vh}.sidebar-backdrop{display:none}.sidebar{width:260px;background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-deep) 100%);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;border-right:1px solid rgba(255,255,255,.06);z-index:30}.sidebar-logo{padding:24px;font-size:1.35rem;font-weight:800;letter-spacing:.2px;color:var(--sidebar-active)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:6px;padding:0 14px}.nav-item{display:block;padding:12px 14px;border-radius:10px;color:var(--sidebar-text);text-decoration:none;transition:all .2s ease;font-weight:600}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#f0c98b29;color:var(--sidebar-active);box-shadow:inset 0 0 0 1px #f0c98b33}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar-user{color:#d4ddef;font-size:.85rem;font-weight:600}.sidebar-logout{background:none;border:none;color:var(--sidebar-text);cursor:pointer;font-size:.85rem;font-weight:600}.sidebar-logout:hover{color:#ffd0d0}.admin-main{flex:1;margin-left:260px;padding:34px;background:radial-gradient(circle at 82% -8%,rgba(44,73,120,.22),transparent 38%),linear-gradient(180deg,#060c1894,#060c18d1)}.mobile-topbar{display:none}.new-requests-banner,.push-enable-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;border-radius:12px;font-weight:600}.new-requests-banner{border:1px solid #285b42;background:#112a1f;color:#8de2b5}.push-enable-banner{border:1px solid #2c446d;background:#12213c;color:#9fc0ff}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 10% 10%,#213f68 0%,transparent 32%),radial-gradient(circle at 85% 80%,#1a3153 0%,transparent 35%),linear-gradient(160deg,#0f1b34,#13274a)}.login-form{background:#fffffff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:40px;border-radius:20px;width:100%;max-width:430px;text-align:center;box-shadow:0 20px 45px #08142c38}.login-form h1{color:var(--primary);margin-bottom:8px;font-size:2rem;font-weight:800}.login-form p{color:var(--text-muted);margin-bottom:28px;font-weight:600}.login-form input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:1rem;margin-bottom:14px;outline:none;background:#fff}.login-form .password-toggle{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--text);font-size:.95rem;font-weight:600}.login-form .password-toggle input{width:auto;margin:0;padding:0}.login-form input:focus{border-color:#afc4e8;box-shadow:0 0 0 3px #acc2e640}.login-form button{width:100%;padding:13px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:1.05rem;cursor:pointer;font-weight:700}.login-form button:hover{background:var(--primary-hover)}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--danger);margin-bottom:12px;font-size:.9rem}h1{font-size:2rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:20px;color:#e8f0ff}h2{font-size:1.3rem;margin:22px 0 14px;letter-spacing:-.01em}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.page-header h1{margin-bottom:0}.empty-text{color:var(--text-muted);padding:28px 0;text-align:center;font-weight:600}.stats-cards{display:flex;gap:14px;margin-bottom:26px}.stat-card{background:linear-gradient(145deg,#121f36,#1a2a48);border-radius:var(--radius);padding:20px 24px;border:1px solid var(--line);min-width:200px;box-shadow:0 14px 28px #02060e61}.stat-card-number{font-size:2rem;font-weight:800;color:#b9cff9}.stat-card-label{color:var(--text-muted);margin-top:4px;font-weight:600}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 14px 34px #0408126b}.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-weight:800;color:#8fa2c6;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;background:var(--surface-soft)}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle;background:var(--surface);color:#d8e3fb}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#1a2a47}.admin-table tr.row-highlight td{background:#2d2a1a}.table-thumb{width:52px;height:52px;border-radius:10px}.status-badge{display:inline-block;padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.status-new{background:#1d3a2c;color:#8de2b5}.status-processed{background:#1b3357;color:#97bcff}.status-archived{background:#26344f;color:#b3c1dc}.filter-bar{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filter-btn{padding:9px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;font-size:.92rem;color:var(--text);transition:all .2s;font-weight:700}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.92rem;font-weight:700}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:.92rem;font-weight:700}.btn-secondary:hover{background:#1b2a47}.action-btns{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-size:.82rem;font-weight:700}.btn-sm:hover{background:#1b2a47}.btn-sm.btn-danger{color:var(--danger);border-color:#7e4141}.btn-sm.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm.btn-success{color:var(--success);border-color:#2f7a53}.btn-sm.btn-success:hover{background:var(--success);color:#fff}.btn-sm.btn-muted{color:var(--muted-btn);border-color:#47608e}.note-text{cursor:pointer;color:var(--text-muted);font-weight:600}.note-text:hover{color:#9ebfff}.note-edit{display:flex;gap:8px}.note-edit input{padding:5px 8px;border:1px solid var(--line);border-radius:8px;font-size:.85rem;width:150px}.note-edit button{padding:5px 11px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:700}.admin-form{background:linear-gradient(180deg,#14213af0,#101c31f5);padding:30px;border-radius:18px;border:1px solid var(--line);max-width:880px;box-shadow:0 22px 44px #02081470}.form-row{display:flex;gap:14px}.form-row .form-group{flex:1}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:700;font-size:.9rem;color:#c4d3f0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:.92rem;outline:none;font-family:inherit;background:#0d172a;color:#e5edff}.form-group input::placeholder,.form-group textarea::placeholder{color:#7e90b4}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6d89ba;box-shadow:0 0 0 3px #4d71a947}.form-group input[type=checkbox]{width:auto;margin-right:8px;accent-color:var(--primary)}.roles-list{display:flex;gap:12px;flex-wrap:wrap}.role-item{display:inline-flex;align-items:center;font-size:.9rem;color:#d6e2ff;font-weight:600}.form-inline-check{margin-top:2px}.form-inline-check .role-item{gap:6px}.profile-page{max-width:1080px}.page-hero{margin-bottom:20px}.page-hero h1{margin-bottom:8px}.page-hero p{color:#90a4ca;font-size:.95rem;font-weight:600}.profile-form{max-width:920px}.form-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.form-error{color:var(--danger);margin-bottom:12px;font-size:.87rem;font-weight:700}.form-success-msg{color:var(--success);margin-bottom:12px;font-weight:700}.image-uploader{display:flex;flex-direction:column;gap:12px}.image-previews{display:flex;gap:10px;flex-wrap:wrap}.image-preview{position:relative;width:104px;height:104px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0f1a2f}.image-preview img{width:100%;height:100%;object-fit:cover}.image-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0000009e;color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.image-upload-btn{display:inline-block;padding:10px 18px;border:1px dashed #b3c2da;border-radius:10px;cursor:pointer;color:var(--text-muted);font-size:.9rem;text-align:center;font-weight:700;transition:all .2s}.image-upload-btn:hover{border-color:#6f8dbf;color:#b4c9ef;background:#13213b}@media (max-width: 1024px){.admin-main{margin-left:0;padding:18px}.mobile-topbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mobile-topbar-title{font-weight:800;color:#dde7ff}.mobile-menu-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:1rem}.sidebar{transform:translate(-100%);transition:transform .24s ease;box-shadow:14px 0 36px #09132852}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a132561;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.admin-layout.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.table-wrap{border-radius:12px}.admin-table{min-width:760px}}@media (max-width: 640px){.login-form{padding:28px 20px}.login-form h1{font-size:1.7rem}h1{font-size:1.65rem}.page-header{flex-direction:column;align-items:stretch}.stats-cards{flex-direction:column}.stat-card{min-width:0}.form-row{flex-direction:column}.admin-form{padding:20px 16px;border-radius:14px}.new-requests-banner,.push-enable-banner{flex-direction:column;align-items:flex-start}.new-requests-banner .action-btns,.push-enable-banner .action-btns,.btn-primary,.btn-secondary,.action-btns{width:100%}}