:root{--bg:#0b1220;--card:#0f172a;--line:rgba(255,255,255,.08);--muted:rgba(255,255,255,.65);--text:#fff;--teal:#1bb8b1;--teal2:#16a3a0;--danger:#ef4444;--ok:#22c55e}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0a0f1a;color:var(--text)}
a{color:inherit;text-decoration:none}
.wp{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.wp-aside{background:#070b14;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:18px}
.wp-brand{font-weight:900;letter-spacing:.6px;color:#fff}
.wp-nav{display:flex;flex-direction:column;gap:6px}
.wp-nav a{padding:10px 12px;border-radius:8px;color:var(--muted);font-weight:700;font-size:13px}
.wp-nav a:hover{background:rgba(255,255,255,.04);color:#fff}
.wp-aside-bottom{margin-top:auto}
.wp-logout{display:block;padding:10px 12px;border-radius:8px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fff;font-weight:800;text-align:center}

.wp-main{display:flex;flex-direction:column}
.wp-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);background:rgba(7,11,20,.9);position:sticky;top:0;backdrop-filter:blur(8px);z-index:5}
.wp-header-title{font-weight:900}
.wp-content{padding:22px}

.wp-card{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:16px}
.wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;color:rgba(255,255,255,.7)}

.wp-table{width:100%;border-collapse:collapse}
.wp-table th,.wp-table td{border-bottom:1px solid var(--line);padding:10px 8px;font-size:13px;vertical-align:top}
.wp-table th{color:rgba(255,255,255,.8);font-weight:900;text-align:left}

.wp-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:var(--teal);border:1px solid rgba(27,184,177,.35);color:#031316;font-weight:900;cursor:pointer}
.wp-btn:hover{background:var(--teal2)}
.wp-btn2{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;font-weight:900;cursor:pointer}
.wp-btn-danger{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fff}

.wp-form{display:grid;gap:12px}
.wp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wp-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
label{font-size:12px;color:rgba(255,255,255,.75);font-weight:800}
input,textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:#fff;outline:none}
textarea{min-height:110px;resize:vertical}

.wp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;position:sticky;top:72px;z-index:4;padding:10px;border-radius:14px;background:rgba(7,11,20,.75);border:1px solid var(--line);backdrop-filter:blur(8px)}
.wp-tab{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);font-weight:900;font-size:12px;cursor:pointer;user-select:none}
.wp-tab:hover{background:rgba(255,255,255,.06);color:#fff}
.wp-tab.active{background:rgba(27,184,177,.16);border-color:rgba(27,184,177,.35);color:#fff}
.wp-pane{display:none}
.wp-pane.active{display:grid;gap:12px}

.wp-help{color:rgba(255,255,255,.70);font-size:12px;line-height:1.6}
.wp-preview{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wp-preview img{width:140px;height:70px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.20)}

.wp-flash{padding:12px 14px;border-radius:12px;border:1px solid var(--line);margin-bottom:14px;font-weight:800}
.wp-flash-success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25)}
.wp-flash-error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25)}

@media (max-width: 980px){
  .wp{grid-template-columns:1fr}
  .wp-aside{position:sticky;top:0;z-index:10}
  .wp-grid{grid-template-columns:1fr}
  .wp-row,.wp-row3{grid-template-columns:1fr}
}