:root{--bg:#f4f6fb;--ink:#171a2b;--muted:#747a8e;--line:#e6e9f1;--card:#fff;--violet:#6f4bf2;--violet2:#9b67ff;--red:#d84964;--green:#16956b;--amber:#bd790d;--shadow:0 18px 55px rgba(28,31,50,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{position:fixed;inset:0 auto 0 0;width:250px;background:#151725;color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:3px 8px 23px}.brand>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--violet2));font-size:21px;font-weight:900}.brand b,.brand small{display:block}.brand small{color:#8f94aa;font-size:10px;margin-top:2px}.side nav{display:grid;gap:5px;overflow:auto}.side nav button{border:0;text-align:left;border-radius:11px;padding:11px 12px;color:#a9aec0;background:transparent;font-weight:750}.side nav button:hover,.side nav button.active{color:#fff;background:linear-gradient(135deg,#704cf24d,#9b67ff20)}.side-links{display:grid;gap:9px;margin-top:auto;border-top:1px solid #ffffff12;padding:18px 9px 5px}.side-links a{color:#aeb3c6;text-decoration:none;font-size:11px}main{grid-column:2;min-width:0;padding:0 30px 50px}header{height:92px;position:sticky;top:0;z-index:20;background:#f4f6fbe8;backdrop-filter:blur(15px);border-bottom:1px solid #e5e8ef;display:flex;align-items:center;gap:14px;justify-content:space-between}h1,h2,h3,p{margin-top:0}h1{font-size:25px;margin-bottom:0}h2{font-size:24px;margin-bottom:5px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8d93a5;font-weight:850;margin:0 0 5px}.head-actions,.actions,.page-head{display:flex;align-items:center;gap:9px}.page-head{justify-content:space-between;margin-bottom:18px}.view{display:none;padding-top:24px}.view.active{display:block}.hero{border-radius:25px;padding:29px;background:radial-gradient(circle at 85% 10%,#ffffff2e,transparent 28%),linear-gradient(135deg,#4d32c7,#7650ed 55%,#a465ee);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 55px #5439cb32}.hero h2{font-size:34px;max-width:680px}.hero p:not(.eyebrow){max-width:720px;color:#ebe7ff;line-height:1.55}.hero .eyebrow{color:#ddd5ff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0}.metric,.panel,.module-grid button,.cards>article,.media-grid>article{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #2024390b}.metric{padding:17px}.metric b{display:block;font-size:25px}.metric span{color:var(--muted);font-size:11px}.module-grid,.cards,.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-grid button{padding:19px;text-align:left;color:var(--ink)}.module-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eeeaff;color:var(--violet);font-size:20px;margin-bottom:14px}.module-grid b,.module-grid small{display:block}.module-grid small{color:var(--muted);margin-top:5px}.panel{padding:18px;margin-bottom:17px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.form .wide{grid-column:1/-1}label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#464b5e}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff;color:var(--ink);outline:0}textarea{min-height:95px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#9c88ff;box-shadow:0 0 0 3px #7650ed18}.check{display:flex;align-items:center}.check input{width:auto}.hidden{display:none!important}.primary,.ghost,.danger,.light{border:0;border-radius:11px;padding:10px 13px;font-weight:800}.primary{background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff}.ghost{background:#fff;border:1px solid var(--line);color:#444a5d}.danger{background:#fff0f3;color:var(--red)}.light{background:#fff;color:#5d42c1;padding:12px 15px}.muted{color:var(--muted);font-size:12px}.notice{padding:14px 16px;border-radius:14px;background:#edf4ff;border:1px solid #dae8ff;color:#315b91;font-size:12px}.cards>article,.media-grid>article{padding:17px}.card-head{display:flex;justify-content:space-between;gap:10px}.card-head h3{font-size:16px;margin-bottom:3px}.tag{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;background:#eef0f6;color:#62697c}.tag.pending,.tag.open{background:#fff4db;color:var(--amber)}.tag.approved,.tag.paid,.tag.active{background:#e9f8f1;color:var(--green)}.tag.rejected,.tag.blocked,.tag.urgent{background:#fff0f3;color:var(--red)}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}.facts div{background:#f7f8fc;padding:9px;border-radius:10px}.facts b,.facts span{display:block}.facts b{font-size:13px}.facts span{font-size:9px;color:var(--muted);margin-top:2px}.table{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);font-size:12px;text-align:left;vertical-align:top}th{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8a90a2;background:#fbfcfe}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.list{display:grid;align-content:start;gap:8px}.ticket{border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer}.ticket:hover{border-color:#a998ff}.conversation{display:grid;gap:8px;margin:15px 0}.message{max-width:86%;background:#f1f2f7;padding:10px 12px;border-radius:13px;font-size:12px}.message.admin{margin-left:auto;background:#eee9ff;color:#4e38a8}.empty{color:var(--muted);display:grid;place-items:center;min-height:250px}.media-preview{height:230px;border-radius:13px;background:#edf0f5;overflow:hidden;display:grid;place-items:center;margin-bottom:12px}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.toast{position:fixed;right:22px;bottom:22px;background:#202334;color:#fff;padding:12px 16px;border-radius:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:80;max-width:380px}.toast.show{opacity:1;transform:none}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.module-grid,.cards,.media-grid{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:780px){.app{display:block}.side{transform:translateX(-100%);transition:.2s;box-shadow:var(--shadow)}.side.open{transform:none}main{padding:0 14px 35px}.menu{display:block}.head-actions .danger{display:none}.module-grid,.cards,.media-grid,.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.hero{align-items:flex-start;flex-direction:column}.hero h2{font-size:27px}.metrics{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.page-head h2{font-size:20px}}@media(max-width:470px){.metrics{grid-template-columns:1fr}.head-actions{display:none}}