:root{--bg:#f6f1e8;--panel:#fffdf9;--side:#151b22;--text:#1d2730;--muted:#77818b;--teal:#129a87;--purple:#7952b3;--danger:#c54b4b;--border:#e9e2d7;--shadow:0 8px 28px rgba(20,25,30,.045)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,Arial,sans-serif}body{overflow-x:hidden}.shell{min-height:100vh;display:flex}.sidebar{width:250px;background:var(--side);color:#fff;padding:22px 12px 18px;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;overflow:hidden}.brand{font-size:22px;font-weight:800;padding:0 14px 20px;flex:0 0 auto}.brand span{color:#42bda9}.sidebar-nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden;min-height:0;padding:2px 2px 20px;scrollbar-width:thin;scrollbar-color:#39434d transparent}.sidebar-nav::-webkit-scrollbar{width:7px}.sidebar-nav::-webkit-scrollbar-thumb{background:#39434d;border-radius:10px}.sidebar a{color:#c9d0d6;text-decoration:none;padding:11px 13px;border-radius:10px;display:block;flex:0 0 auto}.sidebar a:hover{background:#222b34;color:#fff}.main{margin-left:250px;flex:1;min-width:0}.topbar{height:65px;background:rgba(255,253,249,.94);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}.top-user a{color:var(--teal);text-decoration:none}.menu{display:none;background:none;border:0;font-size:24px;cursor:pointer}.content{padding:30px;max-width:1400px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:4px 0;color:var(--muted)}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.cards .card{min-height:120px;margin-bottom:0}.card small,.card-title{display:block;color:var(--muted);font-weight:700;letter-spacing:.05em}.card strong{display:block;font-size:32px;margin-top:8px}.card.vip{border-color:#d7c5ee}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 17px;background:#e9eee9;color:#223;cursor:pointer;text-decoration:none;font-weight:700;min-height:44px}.btn.primary{background:var(--teal);color:#fff}.btn.danger{background:var(--danger);color:#fff}.quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.flash{padding:12px 15px;background:#e9f7f3;border:1px solid #bfe8df;border-radius:10px;margin-bottom:16px}.flash.error{background:#fff0f0;border-color:#f2c5c5}.flash.success{background:#e9f7f3}.mailbox h2{word-break:break-all}.email-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);padding:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:15px 0}.inline{margin:15px 0}.message{border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:10px}.message small{display:block;color:var(--muted)}.empty{padding:35px;text-align:center;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase}.table-wrap{overflow:auto;border-radius:14px}.pill{background:#edf4f2;border-radius:20px;padding:4px 9px}.danger-zone{margin-top:18px}label{display:block;font-weight:700;margin:13px 0}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dcd5ca;border-radius:10px;background:#fff;margin-top:6px;font:inherit}textarea{min-height:120px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px}.login-bg{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:min(420px,92vw);background:#fffdf9;border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 18px 60px rgba(20,25,30,.08)}.login-card h1{margin:12px 0}.login-card .btn{width:100%;margin-top:12px}.muted{color:var(--muted)}code{background:#f0ece5;padding:2px 5px;border-radius:5px}.notice{padding:14px 0;border-bottom:1px solid var(--border)}.notice:last-child{border-bottom:0}.content-media{max-width:100%;border-radius:14px;margin-top:10px}.video-wrap{max-width:720px}.video-wrap video{width:100%;border-radius:14px}.profile-link{color:var(--teal);font-weight:700;text-decoration:none}.status-pending{background:#fff5d9}.status-approved{background:#e9f7f3}.status-rejected{background:#fff0f0}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:10px 0 30px rgba(0,0,0,.25)}.open .sidebar{transform:none}.main{margin-left:0}.menu{display:block}.content{padding:20px}.topbar{padding:0 18px}.page-head{align-items:flex-start;flex-direction:column}.email-row{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.sidebar-nav{padding-bottom:30px}}

.btn.success{background:#15803d;color:#fff;border-color:#15803d}.btn.success:hover{filter:brightness(.96)}