:root{--bg:#f4f7fb;--card:#fff;--ink:#142033;--muted:#6c7a90;--primary:#2457d6;--primary2:#6b3df5;--line:#e4e9f1;--danger:#d73a49;--ok:#16834b;--shadow:0 12px 30px rgba(20,32,51,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--primary);text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:255px;background:#101b32;color:#fff;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:20}.logo{padding:20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #293651}.logo span,.brand{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;font-weight:800}.logo b{max-width:155px}.sidebar nav a{display:block;padding:11px 20px;color:#cbd5e6;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#1c2b4d;color:#fff;border-left:3px solid #6b9cff}.dev{font-size:11px;color:#94a3bd;padding:18px;border-top:1px solid #293651;margin-top:10px}.dev a{color:#b9c9ff}.main{margin-left:255px;width:calc(100% - 255px)}.top{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:10}.top small{color:var(--muted);margin-left:8px}.hamb{display:none}.content{padding:22px;max-width:1600px;margin:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.metric{font-size:26px;font-weight:800;margin-top:8px}.muted{color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn,button{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:10px 15px;cursor:pointer}.btn.secondary,button.secondary{background:#e9eef9;color:#1c3264}.danger{background:#fff0f1;color:var(--danger);padding:4px 8px;border-radius:8px}.ok{background:#eaf8f0;color:var(--ok);padding:10px;border-radius:10px}.err{background:#fff0f1;color:#b4232e;padding:10px;border-radius:10px;margin:10px 0}.flash{margin:15px 22px;padding:12px;border-radius:10px;background:#eef4ff}.flash.error{background:#fff0f1}.tablewrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#f7f9fc}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}input,select,textarea{width:100%;padding:11px;border:1px solid #d6ddea;border-radius:10px;background:#fff;font:inherit}textarea{min-height:90px}.full{grid-column:1/-1}.search{max-width:350px}.support{position:fixed;right:18px;bottom:18px;background:#16a05d;color:#fff;padding:12px 16px;border-radius:30px;z-index:30}.ai-fab{position:fixed;right:18px;bottom:72px;border-radius:50%;width:50px;height:50px;z-index:30}.ai-bot{display:none;position:fixed;right:18px;bottom:130px;width:340px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;z-index:31;overflow:hidden}.ai-bot.show{display:block}.ai-head{padding:12px;background:#101b32;color:#fff;display:flex;justify-content:space-between}.ai-head button{background:transparent;padding:0}.ai-bot #aiBody{padding:15px;min-height:110px;font-size:13px}.ai-input{display:flex;padding:10px;border-top:1px solid var(--line);gap:5px}.modal{display:none;position:fixed;inset:0;background:rgba(8,15,30,.65);z-index:100;align-items:center;justify-content:center}.modal.show{display:flex}.modal-card{background:#fff;border-radius:18px;padding:28px;max-width:420px;width:90%;text-align:center}.linkbtn{background:transparent;color:#555;margin-top:10px}.install,.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f9f5ff)}.install-card,.login-card{background:#fff;width:min(520px,94%);padding:28px;border-radius:20px;box-shadow:var(--shadow)}.install-card input,.login-card input{margin:7px 0}.install-card button,.login-card button{width:100%;margin-top:10px}.small{font-size:12px;color:var(--muted)}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.hamb{display:block;background:#eef3ff;color:#183b8f}.top{padding:0 12px}.content{padding:14px}.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.ai-bot{width:calc(100% - 30px);right:15px}.support{right:12px}.top-actions{font-size:12px}}