@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Urbanist:wght@500;600;700&display=swap";:root{--bg-0: #eef4fb;--bg-1: #e5eef9;--bg-2: #dce8f7;--panel: rgba(255, 255, 255, .72);--panel-strong: rgba(255, 255, 255, .86);--line: #cfddf0;--line-strong: #b8cae3;--text: #29466f;--muted: #6d89ae;--brand: #5f8fc8;--brand-strong: #456fa7;--accent: #85b4e6;--ok: #2f7eb4;--danger: #a63535;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px;--shadow-lg: 0 24px 40px rgba(65, 97, 145, .2);--shadow-md: 0 12px 24px rgba(72, 104, 150, .16)}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 8%,#f8fbff 0%,transparent 30%),radial-gradient(circle at 96% 90%,#d8e9ff 0%,transparent 28%),linear-gradient(145deg,var(--bg-0),var(--bg-1) 46%,var(--bg-2))}h1,h2,h3,h4{margin:0;font-family:Urbanist,Manrope,sans-serif;letter-spacing:-.02em}p{margin:0}button,input,textarea,select{font:inherit}button{border:1px solid #7ea3d0;border-radius:var(--radius-md);padding:11px 15px;cursor:pointer;font-weight:700;color:#eef5ff;background:linear-gradient(180deg,#6f9fd2,#5a87bf);box-shadow:0 8px 16px #5077ae42;transition:transform .15s ease,filter .2s ease}button:hover{transform:translateY(-1px);filter:brightness(1.03)}button:disabled{cursor:not-allowed;opacity:.75;transform:none}input,textarea,select{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fffffff2;color:var(--text);padding:10px 12px}input:focus,textarea:focus,select:focus{outline:none;border-color:#86acda;box-shadow:0 0 0 3px #7199cf38}.login-shell{min-height:100vh;padding:22px;display:grid;place-items:center}.login-card{width:min(1100px,100%);min-height:620px;border-radius:30px;overflow:hidden;border:1px solid #d8e4f5;background:var(--panel-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:1.15fr 1fr;box-shadow:var(--shadow-lg)}.login-hero{display:grid;align-content:center;gap:18px;padding:54px 50px;color:#ecf4ff;background:radial-gradient(circle at 85% 18%,rgba(190,221,255,.45),transparent 40%),linear-gradient(165deg,#527bb7f2,#436395f2)}.hero-chip{width:fit-content;border-radius:999px;border:1px solid rgba(232,243,255,.45);padding:7px 12px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:#ffffff1a}.login-hero h1{font-size:clamp(30px,4vw,42px);line-height:1.08}.login-hero p{color:#ecf4ffeb;max-width:46ch}.login-form{display:grid;align-content:center;gap:14px;padding:50px 44px;background:linear-gradient(180deg,#fff,#f6faff)}.login-form h2{font-size:30px}.login-form label{display:grid;gap:6px;color:var(--muted);font-weight:600}.app-canvas{min-height:100vh;width:min(1460px,100%);margin:0 auto;padding:clamp(8px,1.2vw,14px);display:grid;gap:clamp(8px,1vw,12px);position:relative;overflow:hidden}.topbar-shell{min-height:clamp(66px,8vw,80px);border-radius:var(--radius-xl);border:1px solid #d3e1f3;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:clamp(8px,1vw,12px) clamp(10px,1.4vw,16px)}.brand-block{display:flex;gap:12px;align-items:center}.brand-mark{width:clamp(40px,3.8vw,52px);height:clamp(40px,3.8vw,52px);border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#edf5ff,#d6e6fa);box-shadow:inset 0 1px #ffffff52;padding:5px}.brand-mark img{width:100%;height:100%}.topbar-brand h1{font-size:clamp(22px,2.5vw,30px)}.topbar-brand p{color:var(--muted);font-size:13px}.topbar-user{border:1px solid #d5e3f3;background:#ffffffe0;border-radius:14px;padding:8px 10px;display:flex;align-items:center;gap:10px;min-width:200px}.avatar-dot{width:34px;height:34px;border-radius:999px;background:linear-gradient(145deg,#7ea9dd,#5582bc);color:#ecf4ff;display:grid;place-items:center;font-weight:800}.topbar-user p{color:#3f9f84;font-size:12px}.topbar-actions{display:flex;align-items:center;gap:8px;color:#5e7ca2;font-size:18px}.topbar-actions span{width:32px;height:32px;border-radius:999px;border:1px solid #d5e2f3;display:grid;place-items:center;background:#ffffffd9}.topbar-actions img{width:16px;height:16px}.app-frame{display:grid;grid-template-columns:clamp(210px,17vw,240px) 1fr;gap:clamp(8px,1vw,12px)}.app-sidebar,.app-shell,.simple-panel,.column,.metric-card{border:1px solid #d5e2f3;border-radius:var(--radius-lg);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.app-sidebar{padding:clamp(10px,1vw,13px);display:grid;align-content:start;gap:10px}.tab-nav{display:grid;gap:6px}.tab-nav button{text-align:left;background:linear-gradient(180deg,#fff,#f2f8ff);color:#3a669d;border:1px solid #d2e1f3;box-shadow:none;padding:9px 11px}.tab-nav button.active{background:linear-gradient(180deg,#6999cd,#557fb6);color:#edf4ff;border-color:#7098c8}.tags-block{border:1px solid #d7e4f5;border-radius:14px;padding:9px;background:#ffffffd6}.tags-block h4{margin-bottom:8px;color:var(--muted)}.tags-block ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.tags-block li{border:1px solid #c5d7ed;border-radius:10px;padding:6px 9px;color:#446e9f;background:linear-gradient(180deg,#f8fbff,#edf4fd);font-weight:600}.user-card{border:1px solid #d8e5f5;border-radius:14px;padding:9px;display:grid;gap:3px;background:#ffffffe6}.user-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.user-pill{width:fit-content;border:1px solid #ccdbee;border-radius:999px;padding:4px 8px;background:#edf4fd;font-size:11px;text-transform:uppercase}.logout-btn{margin-top:2px}.app-shell{padding:clamp(10px,1.1vw,14px);display:grid;gap:10px;align-content:start}.workspace-header{padding:2px 4px}.workspace-header h2{font-size:clamp(20px,2.2vw,30px)}.workspace-header p{color:var(--muted)}.workspace-content{display:grid;gap:10px;position:relative;z-index:2;align-content:start;align-items:start;min-width:0}.section-heading{display:grid;gap:4px;margin-bottom:10px}.section-heading.compact{margin-bottom:8px}.section-heading p{color:var(--muted);font-size:13px}.dashboard-panel,.simple-panel,.column{padding:clamp(10px,1vw,13px);align-self:start}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.metric-card{padding:11px;background:linear-gradient(180deg,#ffffffe6,#f2f8ffdb)}.metric-card h3{font-size:14px;color:var(--muted)}.metric-card p{margin:8px 0 0;font-size:clamp(24px,2.5vw,32px);color:#345f95;font-weight:800;line-height:1}.panel-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;align-items:start}.messaging-layout{display:grid;grid-template-columns:clamp(230px,20vw,270px) 1fr clamp(240px,21vw,280px);gap:10px;align-items:start}.chat-tabs{margin-bottom:10px;border:1px solid #d2e0f2;border-radius:12px;overflow:auto;display:flex;background:#ffffffd9}.chat-tabs span{padding:8px 12px;color:#5278a5;border-right:1px solid #d9e6f5;font-weight:700;white-space:nowrap}.chat-tabs span.active{color:#315f98;background:linear-gradient(180deg,#f5f9ff,#eaf3ff)}.row{display:flex;gap:8px}.controls-row{margin-bottom:8px}.controls-row button{min-width:96px}.conversation-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;max-height:52vh;overflow-y:auto;min-width:0}.conversation-list li{display:grid;gap:2px;border:1px solid #d3e2f3;border-radius:12px;padding:9px;background:#ffffffdb;cursor:pointer}.conversation-list li.active{border-color:#739bc9;background:linear-gradient(180deg,#f1f7ff,#e5f0fd)}.chat-box{min-height:320px;max-height:52vh;overflow-y:auto;display:grid;gap:8px;margin-bottom:8px;padding:6px;border-radius:12px;border:1px solid #d8e5f5;background:linear-gradient(145deg,#f4f9ffc7,#eef5ffc7);position:relative;min-width:0}.chat-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 20%,rgba(151,184,227,.16) 20% 21%,transparent 21% 40%,rgba(151,184,227,.16) 40% 41%,transparent 41% 100%)}.bubble{max-width:78%;padding:8px 11px;border-radius:12px;display:grid;gap:4px;line-height:1.4}.chat-column,.list-column,.info-column,.table-wrap{min-width:0}.bubble small{font-size:12px;color:var(--muted)}.bubble.inbound{border:1px solid #d6e2f2;background:#fffffff2}.bubble.outbound{justify-self:end;border:1px solid #bfd3ec;background:linear-gradient(180deg,#eef5ff,#dcebfd)}.composer-row textarea{min-height:74px;resize:vertical}.quick-actions{margin-top:4px}.quick-actions button{flex:1;min-width:98px;background:linear-gradient(180deg,#f8fbff,#e8f1fc);color:#3b659b;border:1px solid #c8d9ee;box-shadow:none}.info-column{display:grid;align-content:start;gap:8px}.info-widget{border:1px solid #d2e1f3;border-radius:12px;padding:9px;background:#ffffffe6}.info-widget h4{margin-bottom:7px;font-size:17px}.info-widget ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.info-widget li{border-top:1px solid #e4edf9;padding-top:7px}.info-widget li:first-child{border-top:none;padding-top:0}.thumb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.thumb{min-height:84px;border-radius:10px;border:1px solid #cadbee;background-size:cover;background-position:center}.corner-neon{position:absolute;width:clamp(120px,16vw,210px);opacity:.8;pointer-events:none;z-index:0}.corner-left{left:8px;bottom:6px;transform:scaleX(-1)}.corner-right{right:8px;bottom:6px}.form-grid{display:grid;gap:8px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:14px}.checkbox-row{display:flex!important;align-items:center;gap:8px}.checkbox-row input{width:auto}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:500px;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #e2ebf8;text-align:left}th{color:var(--muted);background:#f4f8ff}.log-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;max-height:52vh;overflow-y:auto}.log-list li{border:1px solid #d5e4f5;border-radius:10px;padding:8px;display:grid;gap:4px;background:#ffffffe6}.feedback-row{grid-column:1 / -1;display:grid;gap:8px}.alert,.ok{border-radius:10px;padding:10px 12px;font-weight:700}.alert{color:var(--danger);border:1px solid #f2cccc;background:#fff2f2}.ok{color:var(--ok);border:1px solid #c9dcf3;background:#edf5ff}.empty-state{border:1px dashed #bfd2ea;border-radius:10px;padding:10px;text-align:center;color:var(--muted);background:#f4f9ff}.skeleton-line{width:100%;height:16px;border-radius:8px;background:linear-gradient(100deg,#e8f1fb 25%,#d9e7f8 37%,#e8f1fb 63%);background-size:220% 100%;animation:shimmer 1.1s linear infinite}.skeleton-value{height:34px;width:70%}.app-error-shell{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:10px;padding:24px;text-align:center}.app-error-shell p{color:var(--muted);max-width:44ch}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:1260px){.app-frame{grid-template-columns:208px 1fr}.messaging-layout{grid-template-columns:230px 1fr}.info-column{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media(max-width:980px){.topbar-shell{grid-template-columns:1fr;gap:8px;padding:10px}.topbar-actions{justify-content:flex-start}.app-frame{grid-template-columns:1fr}.corner-neon{width:150px;opacity:.62}.app-sidebar{gap:8px}.tab-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.tab-nav button{white-space:nowrap;scroll-snap-align:start}.tags-block ul{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel-grid,.messaging-layout,.users-grid,.settings-grid,.info-column{grid-template-columns:1fr}.conversation-list,.chat-box,.log-list{max-height:42vh}.bubble{max-width:92%}.quick-actions,.controls-row,.composer-row{flex-direction:column}.quick-actions button,.controls-row button,.composer-row button{width:100%}}@media(max-width:700px){.login-shell,.app-canvas{padding:10px}.login-card{min-height:auto;grid-template-columns:1fr}.login-hero,.login-form{padding:28px 20px}.topbar-user{min-width:0}.topbar-actions{gap:6px}.topbar-actions span{width:30px;height:30px}.topbar-brand h1{font-size:24px}.topbar-user{width:100%}.workspace-header h2{font-size:22px}.workspace-header p{font-size:12px}.thumb{min-height:72px}.corner-neon{width:108px;opacity:.46}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}table{min-width:440px}}@media(max-width:460px){.app-canvas{padding:7px;gap:7px}.topbar-shell,.app-shell,.app-sidebar{border-radius:14px}.topbar-brand p{display:none}.topbar-user{padding:7px}.cards-grid{grid-template-columns:1fr}.chat-tabs span{padding:7px 10px;font-size:13px}.bubble{max-width:96%}.corner-neon{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}