@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ink:#122020;--muted:#71807d;--line:#e5eae3;--lime:#b9f53f;--lime-soft:#effbd6;--canvas:#f5f7f2;--blue:#e8f1ff}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}button,input,select{font:inherit}.app-shell{grid-template-columns:242px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#122020;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;margin:0 10px 46px;font-size:21px;font-weight:760;display:flex}.brand small{color:#8fa09c;letter-spacing:.12em;border:1px solid #41504e;border-radius:5px;margin-left:auto;padding:3px 5px;font-size:8px}.brand-mark{background:var(--lime);color:#122020;border-radius:11px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#91a09c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;padding:12px 13px;font-size:14px;font-weight:600;display:flex}.nav-item>span{border:1px solid #43504e;border-radius:7px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.nav-item:hover{color:#d9e1df;background:#1b2b29}.nav-item.active{color:#fff;background:#253331}.nav-item.active>span{background:var(--lime);border-color:var(--lime);color:#122020}.sidebar-foot{margin-top:auto}.admin-card{border-top:1px solid #31403e;align-items:center;gap:10px;min-width:0;padding:20px 2px 0;display:flex}.admin-card>div{min-width:0}.admin-card strong,.admin-card small{text-overflow:ellipsis;display:block;overflow:hidden}.admin-card strong{font-size:12px}.admin-card small{color:#7f918c;margin-top:3px;font-size:10px}.avatar{color:#17343b;text-transform:uppercase;background:#dff1fa;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.logout{color:#7f918c;cursor:pointer;background:0 0;border:0;padding:12px 47px;font-size:11px}.logout:hover{color:#fff}.content{width:100%;min-width:0;max-width:1600px;margin:auto;padding:38px clamp(28px,4vw,66px) 70px}.topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.topbar p,.panel-head p,.modal>p{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 4px;font-size:11px;font-weight:700}.topbar h1{letter-spacing:-.04em;margin:0;font-size:28px}.topbar>div:first-child>span{color:var(--muted);font-size:12px}.top-actions{align-items:center;gap:10px;display:flex}.primary,.secondary,.row-action{color:#122020;cursor:pointer;border:0;border-radius:10px;padding:12px 17px;font-weight:750}.primary{background:var(--lime);box-shadow:0 8px 22px #b9f53f2e}.primary:hover{background:#acf029}.secondary{background:#eef1ec}.demo-pill,.live{background:var(--lime-soft);color:#4b7024;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700}.notice{color:#486b20;background:#eafad0;border:1px solid #d5efad;border-radius:11px;margin:-16px 0 18px;padding:11px 14px;font-size:12px}.notice button,.toast button{float:right;cursor:pointer;background:0 0;border:0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card,.panel,.data-panel,.billing-card{border:1px solid var(--line);background:#fff;border-radius:16px}.stat-card{padding:19px;position:relative}.stat-icon{background:var(--lime-soft);color:#587c1a;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid;position:absolute;top:17px;right:17px}.stat-card p{color:var(--muted);margin:0 0 12px;font-size:11px}.stat-card strong{letter-spacing:-.04em;font-size:28px;display:block}.stat-card span{color:#6e7e78;font-size:10px}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:14px;margin-top:14px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h2{margin:0;font-size:16px}.chart-bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 42px,#f1f3ef 43px);align-items:end;gap:18px;height:170px;padding:22px 12px 0;display:flex}.chart-bars span{background:linear-gradient(180deg,var(--lime),#8dc72d);border-radius:7px 7px 2px 2px;flex:1;max-width:44px;margin:auto}.chart-labels{color:#94a09d;justify-content:space-around;padding-top:9px;font-size:10px;display:flex}.donut{text-align:center;border-radius:50%;place-content:center;width:150px;height:150px;margin:24px auto 20px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:15px}.donut strong,.donut span{z-index:1}.donut strong{font-size:27px}.donut span{color:var(--muted);font-size:10px}.legend{color:var(--muted);justify-content:center;gap:16px;font-size:10px;display:flex}.legend i{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.legend span:last-child i{background:#dfe6da}.table-panel{margin-top:14px}.text-button{color:#587b13;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.ticket-row{border-top:1px solid #eef0ec;grid-template-columns:1.2fr 2fr .7fr .7fr;align-items:center;gap:12px;padding:13px 6px;font-size:11px;display:grid}.ticket-row.header{color:#8c9895;text-transform:uppercase;margin-top:16px;font-size:9px}.badge,.role{background:#f2f4f0;border-radius:7px;justify-self:start;padding:5px 8px;font-size:10px}.badge.pilny{color:#c74b37;background:#fff0ed}.badge.średni{color:#9b7416;background:#fff7dc}.badge.niski{color:#4474a3;background:#edf6ff}.status-dot{color:#5b8323;font-size:10px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.toolbar>span{color:var(--muted);font-size:10px}.search{width:min(440px,65%);position:relative}.search span{color:#8b9694;position:absolute;top:9px;left:13px}.search input{border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:12px}.search input:focus{border-color:#a8d54e;box-shadow:0 0 0 3px #b9f53f22}.data-panel{overflow-x:auto}.data-row{border-top:1px solid #edf0eb;align-items:center;gap:14px;min-width:760px;padding:14px 18px;font-size:11px;display:grid}.data-row:first-child{border-top:0}.data-row.companies{grid-template-columns:1.7fr 1fr 1fr .7fr}.data-row.users{grid-template-columns:1.7fr 1.2fr .7fr 1fr 115px}.data-row.calls{grid-template-columns:1.2fr 1fr .5fr 1.1fr .8fr 75px}.data-row.tickets{grid-template-columns:1.1fr 1.8fr .7fr 1fr .7fr}.data-head{color:#899592;text-transform:uppercase;letter-spacing:.05em;background:#f9faf7;font-size:8px;font-weight:700}.company-cell,.user-cell{align-items:center;gap:10px;display:flex}.company-cell i,.user-cell>i,.company-avatar{color:#285069;text-transform:uppercase;background:#eaf5fc;border-radius:9px;place-items:center;width:33px;height:33px;font-size:9px;font-style:normal;font-weight:800;display:grid}.user-cell>span strong,.user-cell>span small{display:block}.user-cell>span small{color:var(--muted);margin-top:2px;font-size:9px}.row-action{background:#eef2eb;padding:8px 10px;font-size:9px}.billing-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.billing-card{padding:20px}.billing-card>div:first-child{align-items:center;gap:10px;display:flex}.billing-card h3,.billing-card p{margin:0}.billing-card h3{font-size:13px}.billing-card p{color:var(--muted);margin-top:3px;font-size:9px}.company-avatar{background:var(--blue)}.plan-tag{background:var(--lime-soft);color:#507221;border-radius:8px;margin-left:auto;padding:6px 8px;font-size:10px}.usage-line{color:var(--muted);justify-content:space-between;margin:22px 0 8px;font-size:10px;display:flex}.usage-line b{color:var(--ink)}.progress{background:#edf1e9;border-radius:8px;height:8px;overflow:hidden}.progress i{background:var(--lime);border-radius:8px;height:100%;display:block}.billing-card footer{gap:40px;margin-top:18px;display:flex}.billing-card footer small,.billing-card footer b{display:block}.billing-card footer small{color:var(--muted);margin-bottom:4px;font-size:8px}.billing-card footer b{font-size:11px}.empty{text-align:center;background:#fff;border:1px dashed #d9dfd6;border-radius:16px;padding:70px 20px}.empty>span{font-size:30px}.empty h3{margin:10px 0 4px}.empty p{color:var(--muted);margin:0;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#071413b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(520px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto;box-shadow:0 30px 80px #0003}.modal h2{margin:0 0 22px;font-size:22px}.modal-close{cursor:pointer;background:#f1f3ef;border:0;border-radius:9px;width:30px;height:30px;font-size:19px;position:absolute;top:16px;right:18px}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form label,.login-form label{font-size:10px;font-weight:700}.modal-form input,.modal-form select,.login-form input{background:#f9faf8;border:1px solid #dfe5dc;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:12px;font-size:12px;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:10px;display:flex}.selected-user{background:#f5f7f3;border-radius:11px;align-items:center;gap:10px;margin-bottom:18px;padding:13px;display:flex}.selected-user strong,.selected-user small{display:block}.selected-user small{color:var(--muted);margin-top:2px;font-size:10px}.call-meta{background:#f6f8f4;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.call-meta small,.call-meta strong{display:block}.call-meta small{color:var(--muted);margin-bottom:4px;font-size:8px}.call-meta strong{font-size:10px}.transcript{margin:18px 0}.transcript>p{color:var(--muted);letter-spacing:.07em;font-size:8px;font-weight:800}.transcript>div{border:1px solid var(--line);background:#f8faf7;border-radius:11px;padding:15px;font-size:12px;line-height:1.6}.full{width:100%}.toast{background:#fff;border-radius:11px;padding:13px 16px;font-size:11px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #0002}.toast.error,.form-error{color:#a93d32;background:#fff1ef}.login-page{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:#122020;flex-direction:column;justify-content:center;padding:54px 7%;display:flex;position:relative;overflow:hidden}.hero-brand{align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex;position:absolute;top:42px;left:7%}.login-hero>div:nth-child(2){z-index:1;position:relative}.login-hero p{color:var(--lime);letter-spacing:.18em;font-size:10px;font-weight:800}.login-hero h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(48px,5.4vw,76px);line-height:.98}.login-hero>div>span{color:#9bb1c8;font-size:14px;line-height:1.6}.login-hero>small{color:#668098;font-size:9px;position:absolute;bottom:35px}.orb{background:var(--lime);filter:blur(1px);border-radius:50%;position:absolute}.orb.one{width:170px;height:170px;bottom:-60px;right:-25px}.orb.two{opacity:.14;width:100px;height:100px;top:25%;right:14%}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-form{width:min(420px,100%)}.login-lock{background:var(--lime);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.login-form>p{color:#6e812f;letter-spacing:.13em;margin:18px 0 7px;font-size:9px;font-weight:800}.login-form h2{margin:0 0 8px;font-size:25px}.login-form>em{color:var(--muted);margin-bottom:28px;font-size:11px;font-style:normal;line-height:1.5;display:block}.login-form label{margin-top:14px;display:block}.login-form input{background:var(--blue);border-color:#d3deec;padding:14px}.login-submit{width:100%;margin-top:19px}.login-form>small{text-align:center;color:#98a3a0;margin-top:16px;font-size:8px;display:block}.form-error{border-radius:8px;margin-top:12px;padding:9px 11px;font-size:10px}.loading-screen{color:#b3c0bd;background:#122020;place-content:center;justify-items:center;gap:14px;min-height:100vh;display:grid}.spinner{border:3px solid #30413e;border-top-color:var(--lime);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.loading-screen p{font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:25px 12px}.brand>span:not(.brand-mark),.brand small,.nav-item:not(.active){font-size:0}.brand{margin-left:8px}.nav-item{justify-content:center}.admin-card div,.logout{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.billing-grid,.login-page{grid-template-columns:1fr}.login-hero{display:none}}@media (max-width:620px){.app-shell{display:block}.sidebar{z-index:10;flex-direction:row;width:100%;height:68px;padding:9px 12px;position:fixed;top:auto;bottom:0}.brand,.sidebar-foot{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%;display:flex}.nav-item{padding:8px}.nav-item:nth-child(n+6){display:none}.content{padding:24px 16px 90px}.topbar{align-items:flex-start}.topbar h1{font-size:22px}.topbar>div:first-child>span{display:none}.primary{padding:10px 13px;font-size:0}.primary:after{content:"+";font-size:19px}.modal .primary{font-size:11px}.modal .primary:after{display:none}.stats-grid{grid-template-columns:1fr 1fr}.ticket-row{grid-template-columns:1fr 1.4fr}.ticket-row span:nth-child(n+3){display:none}.login-form-wrap{padding:25px}.form-grid,.call-meta{grid-template-columns:1fr}.modal{padding:23px}.toolbar{margin-top:-6px}.search{width:78%}}.app-shell{background:radial-gradient(circle at 78% -10%,#eaffc9 0,#0000 28%),#f2f5ef;grid-template-columns:268px 1fr}.sidebar{background:linear-gradient(#162522 0%,#0d1918 100%);border-right:1px solid #ffffff0d;padding:30px 22px}.brand{margin-bottom:36px}.brand-mark svg{width:18px}.nav-label{color:#60736f;letter-spacing:.16em;padding:0 13px 10px;font-size:9px;font-weight:800}.nav-item{border:1px solid #0000;padding:11px 12px}.nav-item>span{background:#ffffff08;border:0}.nav-item>span svg{width:15px;height:15px}.nav-item.active{background:#ffffff0d;border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff09}.nav-item.active>span{background:var(--lime);color:#14201f;box-shadow:0 6px 16px #b9f53f2b}.content{max-width:1680px;padding:44px clamp(32px,4.5vw,76px) 80px}.stat-card,.panel,.data-panel,.billing-card{background:#fffffff2;border-radius:22px;box-shadow:0 14px 45px #1a302b0d}.stat-card{padding:22px}.panel{padding:26px}.topbar h1{font-size:32px}.primary{border-radius:12px;padding:13px 18px}.data-row{padding:16px 20px}
.breadcrumb{color:#8b9794;letter-spacing:.12em;align-items:center;gap:7px;margin-bottom:9px;font-size:9px;font-weight:800;display:flex}.breadcrumb svg{width:11px;height:11px}.top-actions .primary,.login-submit{justify-content:center;align-items:center;gap:8px;display:flex}.top-actions .primary svg{width:15px}.icon-button{border:1px solid var(--line);color:#66736f;cursor:pointer;background:#fff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.icon-button svg{width:17px}.connection{background:#ffffff07;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:9px;margin:0 2px 13px;padding:11px;display:flex}.connection>i{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #bafc4a1a}.connection span strong,.connection span small{display:block}.connection span strong{font-size:10px}.connection span small{color:#738681;margin-top:2px;font-size:8px}.admin-card{background:#ffffff06;border-top:0;border-radius:13px;padding:11px}.logout{align-items:center;gap:8px;padding:11px 13px;display:flex}.logout svg{width:14px}.stat-icon{border-radius:12px;width:38px;height:38px}.stat-icon svg{width:17px}.stat-icon.blue{color:#4b6fa7;background:#e9f1ff}.stat-icon.orange{color:#a46b24;background:#fff1df}.stat-icon.mint{color:#28735e;background:#e4f7f0}.stat-icon.lime{background:var(--lime-soft);color:#5a7b21}.stat-card p{margin-top:16px;margin-bottom:7px}.stat-card strong{font-size:31px}.live{align-items:center;gap:6px;display:flex}.live i{background:#6ba21e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #6ba21e1b}.text-button{align-items:center;gap:4px;display:flex}.text-button svg{width:13px}.compact-empty{color:#8a9693;flex-direction:column;align-items:center;padding:44px 12px;display:flex}.compact-empty svg{color:#84ad4a;width:27px;height:27px}.compact-empty strong{color:#34423f;margin-top:9px;font-size:12px}.compact-empty span{margin-top:4px;font-size:9px}.search svg{color:#899693;width:14px;position:absolute;top:11px;left:13px}.search input{border-radius:13px;height:42px}.data-panel{box-shadow:0 20px 55px #1a302b0d}.data-row:not(.data-head):hover{background:#fbfcfa}.row-action{background:#fff;border:1px solid #e2e7df}.row-action:hover{background:var(--lime-soft);border-color:#d9f4a9}.company-cell i,.user-cell>i,.company-avatar{border-radius:11px}.billing-card{padding:24px}.progress{height:9px}.modal{border:1px solid #ffffff80;border-radius:24px}.modal-close{border-radius:10px}.modal-form input,.modal-form select{border-radius:11px;padding:13px}.login-page{background:#f7f9f5}.login-hero{background:radial-gradient(circle at 88% 18%,#bafc4a1e 0,#0000 19%),linear-gradient(155deg,#172725,#0d1918)}.hero-brand small{color:#839691;letter-spacing:.12em;border:1px solid #ffffff20;border-radius:6px;margin-left:5px;padding:4px 6px;font-size:7px}.hero-points{gap:18px;margin-top:28px;display:flex}.hero-points span{align-items:center;gap:6px;display:flex;color:#c9d5d2!important;font-size:10px!important}.hero-points svg{width:14px;color:var(--lime)}.login-form-wrap{background:radial-gradient(circle at 90% 5%,#efffd8,#0000 30%),#fff}.login-form{background:#fffffff0;border:1px solid #edf0eb;border-radius:28px;padding:42px;box-shadow:0 28px 80px #1c2f2b14}.login-lock svg{width:19px}.login-form h2{letter-spacing:-.04em;font-size:29px}.login-submit svg{width:16px}.login-form>small{justify-content:center;align-items:center;gap:5px;display:flex}.login-form>small svg{width:12px}.config-page{background:radial-gradient(circle at 15% 10%,#eaffc7,#0000 28%),radial-gradient(circle at 90% 90%,#e7f0ff,#0000 30%),#f3f6f1;place-items:center;min-height:100vh;padding:32px;display:grid}.config-card{background:#fffffff2;border:1px solid #e3e9df;border-radius:30px;width:min(580px,100%);padding:36px;box-shadow:0 35px 100px #1e322d1c}.config-brand{align-items:center;gap:10px;display:flex}.config-brand strong,.config-brand small{display:block}.config-brand strong{font-size:15px}.config-brand small{color:var(--muted);margin-top:2px;font-size:9px}.config-icon{width:58px;height:58px;color:var(--lime);background:#162522;border-radius:17px;place-items:center;margin-top:42px;display:grid;box-shadow:0 15px 35px #1625222e}.config-icon svg{width:25px}.config-card>p{color:#6b892f;letter-spacing:.14em;margin:21px 0 7px;font-size:9px;font-weight:800}.config-card h1{letter-spacing:-.045em;margin:0;font-size:30px}.config-card>span{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.65;display:block}.config-card code{color:#31433e;background:#eef2eb;border-radius:5px;padding:2px 5px}.config-steps{gap:9px;margin-top:25px;display:grid}.config-steps>div{border:1px solid var(--line);background:#fafbf9;border-radius:13px;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;padding:12px;display:grid}.config-steps i{color:#54722c;background:#edf3e9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.config-steps i svg{width:15px}.config-steps span strong,.config-steps span small{display:block}.config-steps span strong{font-size:10px}.config-steps span small{color:var(--muted);margin-top:3px;font-size:8px}.config-steps>div>svg{color:#82aa4a;width:15px}.config-card footer{border-top:1px solid var(--line);color:#71807d;align-items:center;gap:7px;margin-top:22px;padding-top:18px;font-size:9px;display:flex}.config-card footer svg{color:#5e8231;width:13px}@media (max-width:900px){.app-shell{grid-template-columns:82px 1fr}.nav-label,.connection{display:none}.sidebar .brand{margin-left:10px}.content{padding:36px 28px 72px}.login-form{padding:32px}}@media (max-width:620px){.app-shell{display:block}.content{padding:27px 16px 90px}.breadcrumb{margin-bottom:6px}.top-actions{gap:6px}.top-actions .primary{width:43px;height:43px;padding:0}.top-actions .primary svg{display:block}.top-actions .primary{font-size:0}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:26px}.hero-points{display:none}.login-form{box-shadow:none;border:0;padding:26px 22px}.config-card{border-radius:22px;padding:25px}.config-card h1{font-size:25px}.config-icon{margin-top:30px}}
:root{--lime:#bafc4a;--lime-soft:#efffd3;--canvas:#f2f5ef}@media (max-width:620px){.top-actions .primary:after,.login-submit:after{display:none}.login-submit{width:100%;height:auto;padding:13px;font-size:12px}}
body{color:#071613;background:#f3f6f4}.app-shell{background:#f3f6f4;grid-template-columns:224px 1fr}.sidebar{color:#10201d;box-shadow:none;background:#fff;border-right:1px solid #e2e9e5;padding:25px 16px}.brand{color:#071613;margin:0 8px 34px;font-size:20px}.brand-mark{color:#10201d;box-shadow:none;background:#bdfa4a}.brand small{color:#73827e;background:#f6f8f7;border-color:#dbe4df}.nav-label{color:#9aa5a2;padding-left:11px}.nav-item{color:#667672;border-radius:9px;padding:10px 11px}.nav-item:hover{color:#10201d;background:#f3f7f4}.nav-item>span{color:#70807b;background:#f2f5f3;border:0}.nav-item.active{color:#254b27;box-shadow:none;background:#eef8df;border-color:#d8edb1}.nav-item.active>span{color:#183514;box-shadow:none;background:#bdfa4a}.connection{color:#185e55;background:#ecf8f5;border-color:#cbe9e2}.connection span small{color:#6e8d87}.admin-card{color:#10201d;background:#f5f7f6;border:1px solid #e8ecea}.logout{color:#74827f}.logout:hover{color:#10201d;background:#f3f5f4;border-radius:9px}.content{max-width:none;padding:30px 34px 70px}.topbar{margin-bottom:26px}.breadcrumb{display:none}.topbar h1{letter-spacing:-.04em;font-size:27px}.topbar>div:first-child>span{color:#64736f;font-size:12px}.icon-button{box-shadow:none;border-radius:10px}.primary{box-shadow:none;background:#bdfa4a;border-radius:9px}.primary:hover{background:#b2ee3f}.stats-grid{gap:18px}.stat-card,.panel,.billing-card{box-shadow:none;background:#fff;border:1px solid #e0e7e3;border-radius:15px}.stat-card{min-height:164px;padding:25px 22px}.stat-card p{color:#71807c;margin:2px 0 20px;font-size:11px;font-weight:650}.stat-card strong{letter-spacing:-.035em;font-size:28px}.stat-card span{color:#86938f;font-size:10px;position:absolute;bottom:20px;left:22px;right:22px}.stat-icon{border-radius:9px;width:34px;height:34px;top:20px;right:20px}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px}.panel{padding:23px}.panel-head p{color:#81908c;font-size:9px}.panel-head h2{font-size:16px}.live{color:#19766a;background:#e8f7f4;border:1px solid #bfe5dd}.chart-bars{background:repeating-linear-gradient(#0000 0 45px,#edf1ef 46px);border-bottom-color:#e4e9e6;height:185px}.chart-bars span{background:linear-gradient(#bdfa4a,#91cc2f)}.table-panel{margin-top:18px;padding:0;overflow:hidden}.table-panel .panel-head{padding:21px 22px 16px}.ticket-row{border-top-color:#e6ebe8;padding:15px 22px}.ticket-row.header{color:#85938f;background:#fafcfb;margin:0}.records-card{background:#fff;border:1px solid #dde5e1;border-radius:16px;overflow:hidden}.records-head{justify-content:space-between;align-items:center;padding:21px 22px 17px;display:flex}.records-head h2{letter-spacing:-.025em;margin:0;font-size:17px}.records-head p{color:#75837f;margin:4px 0 0;font-size:10px}.records-head>strong{color:#168071;font-size:10px}.records-card .toolbar{background:#fcfdfc;border-top:1px solid #e7ece9;border-bottom:1px solid #e7ece9;gap:12px;margin:0;padding:14px 22px}.records-card .search{flex:1;width:auto}.search input{background:#fff;border-color:#dfe6e2;border-radius:9px;height:40px;padding-left:38px}.search svg{color:#7a8a85;top:12px}.filter-button{color:#53625e;background:#fff;border:1px solid #dfe6e2;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-width:155px;height:40px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.filter-button svg{width:13px;transform:rotate(90deg)}.records-card .data-panel{box-shadow:none;border:0;border-radius:0}.data-head{color:#82908c;background:#fafcfb}.data-row{border-top-color:#e7ece9;min-height:64px;padding:13px 17px;font-size:10px}.data-row:not(.data-head):hover{background:#fbfdfb}.data-row strong{color:#071613;font-weight:750}.company-cell i,.user-cell>i,.company-avatar{color:#187469;background:#e9f7f3}.badge,.role{color:#54780d;background:#edf8db;border:1px solid #d4e9ad;border-radius:999px;padding:5px 12px}.status-dot{color:#507e13;background:#eef8dc;border:1px solid #c9e49a;border-radius:999px;align-items:center;gap:5px;width:max-content;padding:5px 10px;display:inline-flex}.row-action{color:#33524a;background:#f8faf9;border-color:#dfe6e2;border-radius:8px}.billing-grid{background:#f9fbfa;grid-template-columns:repeat(2,1fr);padding:18px}.billing-card{padding:22px}.plan-tag{color:#557514;background:#eef8dc;border:1px solid #cee6a4}.progress{background:#e8efeb;height:6px}.progress i{background:#218a7e}.empty{background:#fbfcfb;border-color:#dfe6e2;border-radius:12px;margin:18px}.empty>svg{color:#7c8c87;width:28px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#23302d99}.modal{border:1px solid #e0e6e2;border-radius:16px;width:min(680px,100%);padding:24px;box-shadow:0 25px 80px #10191635}.modal>p{color:#7b8985}.modal h2{margin-bottom:20px;font-size:19px}.modal-close{color:#58706a;background:#f0f4f2;top:17px;right:17px}.call-meta{background:#f8faf9;border:1px solid #dfe7e3;border-radius:12px}.transcript>p{color:#7d8c88}.transcript>div{background:#eff9de;border-color:#cce69d;border-radius:12px;line-height:1.65}.modal-form input,.modal-form select{background:#fbfcfb;border-color:#dce5e0}.modal-actions{padding-top:4px}.secondary{background:#eef2f0;border-radius:9px}@media (max-width:1050px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:24px 11px}.brand>span:not(.brand-mark),.brand small,.nav-label,.connection,.admin-card div,.logout{display:none}.brand{margin-left:9px}.nav-item{justify-content:center}.content{padding:28px 24px 70px}}@media (max-width:720px){.app-shell{display:block}.sidebar{z-index:20;border-top:1px solid #dfe6e2;border-right:0;width:auto;height:67px;padding:8px 10px;position:fixed;inset:auto 0 0}.sidebar .brand,.sidebar-foot{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%;display:flex}.nav-item{padding:8px}.nav-item:nth-child(n+6){display:none}.content{padding:22px 14px 86px}.topbar h1{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:145px;padding:18px}.stat-card span{bottom:17px;left:18px}.dashboard-grid{grid-template-columns:1fr}.records-head{align-items:flex-start}.records-head p{max-width:230px}.records-card .toolbar{padding:12px}.filter-button{width:42px;min-width:42px;padding:0 13px;font-size:0}.data-row{min-width:760px}.billing-grid{grid-template-columns:1fr;padding:12px}.modal{border-radius:14px;padding:20px}}
.content{align-self:start;min-height:100vh;padding-top:26px;margin:0!important}.topbar{align-self:start;margin-top:0}.records-card,.dashboard-grid,.stats-grid{align-self:start}.data-row{color:#2f403c;font-size:12px}.data-head{color:#6e7e7a;font-size:10px;font-weight:750}.user-cell>span strong{color:#0b1a17;font-size:12px;font-weight:750;line-height:1.35;display:block}.user-cell>span small{color:#60716c;margin-top:3px;font-size:11px;line-height:1.35;display:block}.company-cell strong,.data-row>span{line-height:1.4}.data-row.companies{grid-template-columns:1.55fr 1fr 1fr 1fr .7fr}.company-phone{color:#16766a;white-space:normal;overflow-wrap:anywhere;font-weight:750}.data-row.users{min-height:70px}.records-head h2{font-size:19px}.records-head p,.topbar>div:first-child>span{color:#596b66;font-size:12px}.row-action{font-size:11px;font-weight:700}.role,.badge,.status-dot{font-size:11px}.modal{flex-direction:column;max-height:min(860px,92vh);padding:0;display:flex;overflow:hidden}.modal>p{order:0;margin:0;padding:23px 24px 2px}.modal>h2{border-bottom:1px solid #e2e8e5;order:1;margin:0;padding:0 24px 20px}.modal>.modal-close{z-index:2}.modal>.call-meta{order:2;margin:18px 24px 0}.modal>.transcript{flex-direction:column;order:3;min-height:0;margin:18px 0 0;display:flex;overflow:hidden}.modal>.transcript>p{margin:0;padding:0 24px 10px}.transcript>.transcript-chat{scrollbar-color:#9ba7a3 transparent;scrollbar-width:thin;background:#fff;border:1px solid #e2e8e5;border-left:0;border-right:0;border-radius:0;flex-direction:column;gap:12px;padding:16px 24px 22px;display:flex;overflow-y:auto}.speech{background:#fff;border:1px solid #dce5e1;border-radius:13px;width:min(78%,520px);padding:13px 15px;box-shadow:0 2px 4px #1a292505}.speech.agent{background:#f3fbe6;border-color:#c7e494;align-self:flex-start}.speech.user{background:#f7f9f8;align-self:flex-end}.speech header{color:#6b7a76;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:800;display:flex}.speech.agent header{color:#5b7d18}.speech header svg{width:14px;height:14px}.speech>div{color:#172622;font-size:12px;line-height:1.65}.transcript-empty{color:#6d7d78;text-align:center;border:1px dashed #d7e0dc;border-radius:11px;margin:0 24px 20px;padding:20px;font-size:12px}.modal>.full{flex:none;order:4;width:calc(100% - 48px);margin:14px 24px 20px}.ticket-clickable{cursor:pointer;transition:background .15s,box-shadow .15s}.ticket-clickable:hover,.ticket-clickable:focus-visible{outline:0;box-shadow:inset 3px 0 #a8e735;background:#f6faee!important}.modal>.ticket-meta{background:#f8faf9;border:1px solid #e2e8e5;border-radius:11px;order:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 24px 0;padding:14px;display:grid}.ticket-meta small,.ticket-meta strong{display:block}.ticket-meta small{color:#778680;text-transform:uppercase;margin-bottom:5px;font-size:8px}.ticket-meta strong{overflow-wrap:anywhere;font-size:10px}.modal>.ticket-description{order:3;min-height:0;margin:18px 24px 0;overflow-y:auto}.ticket-description h3{color:#778680;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:9px}.ticket-description>p{color:#172622;white-space:pre-wrap;background:#fff;border:1px solid #dfe6e2;border-radius:11px;margin:0;padding:16px;font-size:12px;line-height:1.65}.ticket-description footer{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.ticket-description footer span{background:#f5f8f6;border-radius:10px;padding:12px}.ticket-description footer small,.ticket-description footer strong{display:block}.ticket-description footer small,.ticket-resolution>small{color:#778680;text-transform:uppercase;margin-bottom:5px;font-size:8px}.ticket-description footer strong{overflow-wrap:anywhere;font-size:10px}.ticket-resolution{background:#f3fbe6;border:1px solid #cfe5a4;border-radius:11px;margin-top:12px;padding:14px}.ticket-resolution p{white-space:pre-wrap;margin:6px 0 0;font-size:11px;line-height:1.6}.duration-panel{min-width:0}.duration-total{color:#16766a;white-space:nowrap;background:#eaf8f5;border:1px solid #c7e6df;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800}.duration-chart{grid-template-columns:48px minmax(0,1fr);gap:10px;height:220px;margin-top:22px;display:grid}.duration-axis{color:#84918d;text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:24px;font-size:9px;display:flex}.duration-plot{min-width:0;height:100%;padding-bottom:24px;position:relative}.duration-plot>i{background:#e7ece9;height:1px;position:absolute;left:0;right:0}.duration-plot>i:first-child{top:0}.duration-plot>i:nth-child(2){top:50%}.duration-plot>i:nth-child(3){bottom:24px}.duration-columns{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:14px;padding-bottom:24px;display:grid;position:absolute;inset:0}.duration-column{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.duration-column b{z-index:1;background:linear-gradient(#bdfa4a,#8dce24);border-radius:7px 7px 2px 2px;width:min(42px,62%);min-height:2px;transition:height .25s;box-shadow:inset 0 1px #d8ff82}.duration-column small{color:#71807c;text-transform:capitalize;font-size:9px;position:absolute;bottom:-21px}.duration-value{z-index:1;color:#54635f;white-space:nowrap;margin-bottom:5px;font-size:8px;font-weight:750}@media (max-width:720px){.content{padding-top:20px}.data-row{font-size:11px}.modal{max-height:94vh}.speech{width:88%}.modal>.call-meta{margin:14px 18px 0}.modal>.transcript>p{padding-left:18px}.transcript>.transcript-chat{padding:14px 18px 18px}.modal>.full{width:calc(100% - 36px);margin:12px 18px 16px}.modal>.ticket-meta{grid-template-columns:1fr 1fr;margin:14px 18px 0}.modal>.ticket-description{margin:14px 18px 0}.ticket-description footer{grid-template-columns:1fr}.duration-chart{grid-template-columns:36px minmax(0,1fr);height:190px}.duration-columns{gap:6px}.duration-column b{width:55%}.duration-value{font-size:7px}}