:root{--bg:#050b14;--panel:#091421;--card:#101c2b;--card2:#0c1725;--line:rgba(255,255,255,.08);--text:#edf6ff;--muted:#8da1b8;--blue:#0b7cff;--cyan:#05b5ff;--green:#48b83b;--orange:#ff7100;--red:#ff3f55;--amber:#ffc107;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 80% -10%,rgba(0,132,255,.22),transparent 28%),radial-gradient(circle at 10% 20%,rgba(255,112,0,.10),transparent 25%),linear-gradient(135deg,#020711,#081525 55%,#030810)}a{text-decoration:none;color:inherit}small{display:block;color:var(--muted)}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{padding:16px;background:rgba(3,10,20,.82);border-right:1px solid var(--line);backdrop-filter:blur(18px);position:sticky;top:0;height:100vh}.brand-panel{padding:10px 10px 18px;text-align:center}.brand-panel img{width:155px;max-width:100%;filter:drop-shadow(0 8px 22px rgba(0,132,255,.25))}.brand-panel span{display:block;margin-top:4px;font-size:12px;color:#79d6ff}.nav a{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;margin:4px 0;border-radius:12px;color:#cbd8e6;font-size:14px}.nav a span{width:20px;text-align:center;color:#9fb8d2}.nav a:hover,.nav a.active{background:linear-gradient(90deg,#0867ff,rgba(8,103,255,.35));box-shadow:0 10px 26px rgba(8,103,255,.18);color:white}.nav a.active span{color:white}.nav em{margin-left:auto;background:#ff314d;color:white;border-radius:999px;font-style:normal;font-size:11px;padding:2px 7px}.main{padding:14px 16px 28px;min-width:0}.topbar{height:52px;display:flex;align-items:center;gap:18px;margin-bottom:14px}.hamb{font-size:20px}.search{width:420px;max-width:38vw;height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(3,10,20,.55)}.search input{border:0;background:transparent;color:white;outline:0;width:100%}.top-icons{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:13px}.bell{color:#ff314d}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--orange));font-weight:900}.page-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 18px}.page-head h1{font-size:26px;margin:0}.page-head p{margin:4px 0 0;color:var(--muted)}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:800;background:linear-gradient(100deg,#076cff,#00b7ff);color:white;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn.orange{background:linear-gradient(100deg,#ff6700,#ffc400)}.btn.green{background:linear-gradient(100deg,#25a83d,#7df05b)}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid var(--line)}.card{background:linear-gradient(180deg,rgba(16,30,48,.95),rgba(10,21,35,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 50px rgba(0,0,0,.24);padding:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-height:108px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -30px -50px auto;width:130px;height:130px;border-radius:50%;background:rgba(0,132,255,.08)}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#076cff,#00b7ff);box-shadow:0 10px 24px rgba(0,132,255,.25);float:left;margin-right:13px}.metric-card.orange .metric-icon{background:linear-gradient(135deg,#ff6700,#ffc400)}.metric-card.green .metric-icon{background:linear-gradient(135deg,#20a83a,#72e95b)}.metric-card.pink .metric-icon{background:linear-gradient(135deg,#ff3258,#b632ff)}.metric-title{color:#b8c8db;font-size:13px}.metric{font-size:30px;font-weight:900;line-height:1.15}.view-link{color:#32b7ff;font-size:12px}.dash-row{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:14px;margin-top:14px}.chart{height:190px;position:relative}.chart svg{width:100%;height:120px}.progress-line{height:10px;border-radius:999px;background:#1b2b41;overflow:hidden}.progress-line span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#076cff,#00b7ff)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{color:#9fb8d2;font-weight:600}tr:hover td{background:rgba(255,255,255,.025)}.status{padding:4px 9px;border-radius:999px;font-size:12px;color:#62f77b;background:rgba(72,184,59,.12)}.status.red{color:#ff6c7d;background:rgba(255,63,85,.12)}.input,select,textarea{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#071220;color:var(--text);outline:none}.filters{display:grid;grid-template-columns:220px 1fr;gap:14px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);font-size:13px}.tabs .active{background:#0867ff}.chat-wrap{display:grid;grid-template-columns:360px 1fr;height:calc(100vh - 88px);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(7,18,32,.72)}.chat-sidebar{border-right:1px solid var(--line);padding:14px;overflow:auto}.conversation{display:flex;gap:10px;padding:11px;border-radius:14px;margin:4px 0}.conversation.active,.conversation:hover{background:rgba(255,255,255,.06)}.conversation img,.person{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd477,#d88822);color:#071220;font-weight:900;flex:0 0 42px}.conv-title{display:flex;justify-content:space-between;font-size:13px}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 18px}.chat-actions{margin-left:auto;display:flex;gap:14px;color:#b8c8db}.messages{flex:1;min-height:0;overflow:auto;padding:18px;background:radial-gradient(circle at 70% 30%,rgba(0,132,255,.08),transparent 28%)}.bubble{max-width:62%;padding:12px 14px;border-radius:16px;background:#111f31;margin:9px 0;box-shadow:0 8px 22px rgba(0,0,0,.18);font-size:14px}.bubble.me{margin-left:auto;background:#0c663d}.bubble small{text-align:right;margin-top:6px}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);align-items:end;flex-shrink:0}.composer textarea{height:44px;resize:none}.send-round{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#17b54d,#7df05b);color:white;font-weight:900}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lane{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(6,17,31,.75);min-height:570px}.lane.blue{background:linear-gradient(180deg,rgba(8,103,255,.12),rgba(6,17,31,.75))}.lane.orange{background:linear-gradient(180deg,rgba(255,112,0,.18),rgba(6,17,31,.75))}.lane.green{background:linear-gradient(180deg,rgba(72,184,59,.18),rgba(6,17,31,.75))}.task-card{background:rgba(16,30,48,.96);border:1px solid var(--line);border-radius:14px;padding:13px;margin:10px 0}.task-card h4{margin:0 0 8px}.task-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.ai-panel{max-width:820px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.05);color:#d7e8fa}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:44px;background:radial-gradient(circle at 20% 10%,rgba(0,132,255,.25),transparent 28%),linear-gradient(135deg,#020711,#081525)}.login-hero{text-align:center}.login-hero img{width:430px;max-width:90%;filter:drop-shadow(0 20px 60px rgba(0,0,0,.35))}.login-card{width:430px;margin:auto}.login-card .logo{width:210px;display:block;margin:0 auto 20px}.login-card h2{margin-bottom:0}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid,.dash-row,.kanban{grid-template-columns:1fr 1fr}.chat-wrap{grid-template-columns:1fr;height:auto}.chat-sidebar{display:none}.search{max-width:none;width:100%}}@media(max-width:700px){.main{padding:10px}.grid,.dash-row,.kanban,.filters,.login{grid-template-columns:1fr}.top-icons{display:none}.bubble{max-width:86%}.login-card{width:100%}}
.linkbtn{background:none;border:0;color:#32b7ff;cursor:pointer;font:inherit;padding:0 4px}.quote{border-left:3px solid #32b7ff;background:rgba(255,255,255,.06);padding:6px;margin:4px 0;border-radius:6px}.msg-tools{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:6px}.msg-tools details{display:inline-block}.tabs .active,.chip.active{background:linear-gradient(135deg,#0d6efd,#ff7a00);color:white}

.notify-link{position:relative;text-decoration:none;color:#eaf4ff;display:inline-flex;align-items:center;gap:4px}.notif-badge{position:absolute;top:-10px;right:-12px;background:#ff3156;color:#fff;border-radius:999px;min-width:18px;height:18px;align-items:center;justify-content:center;font-size:11px;font-weight:800}.seen-link{color:#9fd2ff;text-decoration:none;font-size:13px;margin-left:10px}.seen-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;margin-top:8px}.notif-row.unread{background:rgba(24,167,255,.12)}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}