:root{--primary:#0F4C81;--light:#E6F0FA;--accent:#FF6B35;--bg:#F8FAFC;--dark:#0F172A;--radius:16px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:#0F172A}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}
.inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{font-weight:800;font-size:20px}.logo span{color:var(--accent)}
.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:8px 14px;border-radius:999px;font-weight:500;color:#334155}.nav a.active,.nav a:hover{background:var(--light);color:var(--primary)}
.btn{padding:10px 18px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none;color:#0F172A}
.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.accent{background:var(--accent);color:#fff}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;max-width:1280px;margin:30px auto;padding:20px}
.hero h1{font-size:48px;line-height:1.05;letter-spacing:-1.2px;margin:0}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:20px;box-shadow:0 4px 24px rgba(0,0,0,.04);margin-bottom:16px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden}
.table th,.table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;text-align:left}
.form label{display:block;font-weight:700;margin:14px 0 6px}.form label small{font-weight:400;color:#64748b}
.form input,.form textarea,.form select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px}
.form .help{font-size:12px;color:#64748b;margin-top:4px}
.fieldset{border:1px dashed #cbd5e1;border-radius:12px;padding:16px;margin:16px 0;background:#fff}
.fieldset legend{font-weight:800;padding:0 8px}
.creation-cost{border:2px solid #facc15;background:#fefce8}
.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.popular{background:var(--accent);color:#fff}
.sidebar{width:280px;background:var(--dark);color:#fff;padding:20px;min-height:100vh}.sidebar a{color:#cbd5e1;display:block;padding:10px 14px;border-radius:10px;margin:3px 0;text-decoration:none}.sidebar a.active,.sidebar a:hover{background:rgba(255,255,255,.1);color:#fff}
.admin-header{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0}