:root{--bg:#0b1020;--card:#121a2f;--card2:#18233d;--text:#eef4ff;--muted:#94a3b8;--primary:#ff3131;--blue:#4070f4;--green:#1f9d62;--border:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#080b12,#111827 45%,#090b12);color:var(--text)}a{color:inherit;text-decoration:none}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:460px;max-width:100%;background:rgba(20,20,20,.86);border:1px solid #333;border-radius:26px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.55)}h1,h2,h3{margin-top:0}.brand{color:var(--primary);font-weight:900;text-align:center}.input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#eaf2ff;color:#07111f;margin:8px 0 14px}textarea{min-height:90px}.btn{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer;background:#2b344d;color:#fff;display:inline-block}.btn.primary{background:var(--primary)}.btn.blue{background:var(--blue)}.btn.green{background:var(--green)}.btn.full{width:100%}.alert{background:#fff;color:#e11d48;border:2px solid #ff3131;border-radius:14px;padding:14px;margin-bottom:18px}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#0b1731;padding:22px 14px;position:fixed;top:0;bottom:0;overflow:auto}.sidebar .logo{font-size:24px;font-weight:900;margin-bottom:16px}.nav a{display:block;padding:14px 16px;margin:10px 0;background:#1d3d70;border-radius:14px}.nav a:hover,.nav a.active{background:#4776e6}.main{margin-left:250px;flex:1;background:#edf2f7;color:#101828;min-height:100vh;padding:28px}.panel{background:#fff;border-radius:24px;padding:24px;margin-bottom:22px;box-shadow:0 10px 35px rgba(30,41,59,.08)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:linear-gradient(135deg,#fff,#f5f8ff);padding:24px;border-radius:18px}.stat b{font-size:30px;color:#315be8}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#0f172a;color:#fff}.tag{padding:6px 10px;border-radius:20px;font-size:12px;background:#ddd}.approved{background:#dcfce7;color:#166534}.pending{background:#fef3c7;color:#92400e}.expired,.blocked{background:#fee2e2;color:#991b1b}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.step{padding:16px;border-radius:18px;background:#eef2ff;border:2px solid transparent}.step.active{border-color:#ff3131;background:#fff5f5}.drop{border:2px dashed #94a3b8;border-radius:18px;padding:28px;text-align:center;background:#f8fafc}.preview{min-height:230px;border-radius:18px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview img{max-width:100%;max-height:360px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.layout{display:block}.main{margin-left:0}.grid,.cards,.steps{grid-template-columns:1fr}}