:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#dbe5ef;background:#0b1019;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page:#0c121c;--sidebar:#111924;--panel:#151f2d;--panel2:#192536;--line:#273344;--line2:#324359;--muted:#8795a9;--cyan:#4dd2dc;--teal:#37c6bc;--bright:#e7f2f9;--green:#5fce9f;--red:#ff7e85;--yellow:#e7bb71}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}input,select,textarea{min-width:0;background:#101826;color:#e5edf5;border:1px solid #334156;border-radius:10px;padding:11px 13px;outline:0;font-size:13px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#69798d}input:focus,select:focus,textarea:focus{border-color:#4dd2dc;box-shadow:0 0 0 3px #4dd2dc18}select{cursor:pointer}textarea{width:100%;resize:vertical;line-height:1.65}option{background:#141e2b;color:#e8f0f5}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:flex;background:var(--page)}.sidebar{width:255px;flex:none;height:100vh;position:sticky;top:0;background:linear-gradient(165deg,#141e2a,#101722 75%);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 14px 16px;z-index:3}.brand{display:flex;gap:11px;align-items:center;padding:0 13px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(145deg,#69dad6,#2586a8);color:#061823;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;box-shadow:0 6px 28px #34aeb62c}.brand-txt b{display:block;font-family:Manrope;font-size:12px;letter-spacing:.09em;color:#f2f7fc}.brand-txt span{font-size:9px;letter-spacing:.18em;color:#8393a6;font-weight:700;margin-top:3px;display:block}.nav-label{padding:53px 17px 15px;color:#65768a;font-size:9px;letter-spacing:.14em;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;color:#94a5b6;font-size:13px;font-weight:550;padding:13px 15px;border-radius:11px;transition:.15s}.nav-item svg{color:#8b9baf}.nav-item:hover{background:#213044;color:#e6f7fa}.nav-item.selected{background:linear-gradient(90deg,#244353,#183241);color:#6cdee3;font-weight:700;box-shadow:inset 3px 0 #48cbd5}.nav-item.selected svg{color:#59d4df}.nav-dot{height:6px;width:6px;border-radius:50%;background:var(--cyan);margin-left:auto}.sidebar-foot{margin-top:auto}.foot-status{display:flex;align-items:flex-start;gap:9px;padding:14px;background:#182738;border:1px solid #2a394a;border-radius:12px;margin:0 5px 15px}.foot-status b,.foot-status small{display:block}.foot-status b{font-size:11px;color:#dce8f0}.foot-status small{font-size:10px;color:#8194a8;margin-top:5px;line-height:1.4}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;margin-top:3px}.live-dot.online{background:var(--green);box-shadow:0 0 0 3px #5fce9f20}.live-dot.offline{background:#ed9c76;box-shadow:0 0 0 3px #ed9c7622}.side-account{border-top:1px solid #2a3544;display:flex;align-items:center;gap:10px;padding:17px 7px 0}.side-account>div:nth-child(2){flex:1;min-width:0}.side-account b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-account small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.avatar,.top-avatar{display:grid;place-items:center;flex:none;border-radius:11px;background:#254359;color:#6dd9e0;font-size:13px;font-weight:800;width:35px;height:35px}.avatar.small{width:26px;height:26px;display:inline-grid;margin-right:9px}.avatar.large{height:48px;width:48px;border-radius:15px;font-size:19px}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid #253141;display:flex;align-items:center;gap:20px;padding:0 32px;background:#101722;position:sticky;top:0;z-index:2}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:9px;color:#6f8094;white-space:nowrap;font-weight:700;letter-spacing:.08em}.top-search,.inline-search{display:flex;align-items:center;gap:8px;background:#172231;border:1px solid #304053;border-radius:10px;padding:0 12px;color:#7d90a5}.top-search{margin-left:auto;max-width:340px;flex:1}.top-search input,.inline-search input{border:0;background:transparent;padding:10px 2px;width:100%;box-shadow:none!important}.top-search kbd{font-size:9px;color:#8695a5;background:#26364b;border:1px solid #34445a;padding:3px 6px;border-radius:5px}.top-actions{display:flex;align-items:center;gap:15px}.connection{display:flex;align-items:center;gap:9px;color:#a6b5c5;background:transparent;border:0;font-size:11px;white-space:nowrap}.icon-btn{border:0;background:transparent;color:#9cabc0;display:grid;place-items:center;width:31px;height:31px;border-radius:8px}.icon-btn:hover{color:#effbfc;background:#2b394a}.notif-wrap,.notification-toggle{position:relative}.notification-toggle i{position:absolute;top:0;right:0;background:#2baab3;color:#fff;font-size:9px;font-style:normal;border-radius:9px;padding:1px 4px}.top-avatar{background:#274353;color:#b6dff0}.mobile-brand,.mobile-nav{display:none}.main{padding:33px 35px 70px;max-width:1700px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.eyebrow{color:#50c5d1;font-size:9px;letter-spacing:.16em;font-weight:800;margin-bottom:9px}.page-head h1{font-family:Manrope,sans-serif;color:var(--bright);font-size:27px;letter-spacing:-.8px;margin:0 0 5px;font-weight:800}.page-head p{color:#8a9bb0;font-size:12px;margin:0;line-height:1.7}.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:750;white-space:nowrap;transition:.16s;min-height:37px;border:1px solid transparent}.btn.primary{color:#05252b;background:linear-gradient(105deg,#62d8db,#47c6cf);box-shadow:0 5px 20px #3fc4cc1a}.btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.secondary{background:#1d2c3c;color:#c9dde9;border:1px solid #33475b}.btn.secondary:hover{background:#263c4d}.btn.ghost{color:#5dd1d9;background:transparent}.btn.ghost:hover{background:#234054}.btn.danger{color:#ffe1e1;background:#66333c}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.period-tag{border:1px solid #303e4f;padding:10px 13px;border-radius:8px;color:#a5b4c3;display:flex;gap:7px;align-items:center;font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:21px}.metric{background:linear-gradient(145deg,#172434,#151d2a 68%);border:1px solid #2b394c;border-radius:15px;padding:18px;min-height:143px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;right:-32px;top:-30px;width:95px;height:95px;border:1px solid #4dbacc0c;border-radius:100%}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:#a2b4c4}.metric-top svg{color:#66c5d1}.metric strong{display:block;font-family:Manrope;font-size:30px;color:#eff9ff;margin-top:22px;line-height:1}.metric small{color:#6f8499;display:block;font-size:10px;margin-top:11px;line-height:1.4}.panel{background:var(--panel);border:1px solid #2a384c;border-radius:15px;padding:21px 22px;min-width:0;margin-bottom:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.panel-title h3{font-family:Manrope;margin:0;color:#e6f0f9;font-size:14px}.panel-title p{color:#8396ab;font-size:11px;margin:7px 0 0}.subtle-link,.external-link{color:#62d3dc;font-size:11px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.subtle-link:hover,.external-link:hover{color:#a5f3f1}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px}.chart-area{height:255px}.chart-area.big{height:340px}.legend{display:flex;align-items:center;font-size:10px;color:#9fb0bd;gap:7px}.legend i{height:8px;width:8px;background:#40c6d4;border-radius:2px}.legend i.legend-second{background:#6f89e9;margin-left:9px}.task-preview{min-height:206px}.task-line,.call-preview-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #273347}.task-line>div:nth-child(2),.call-preview-row>div{flex:1;min-width:0}.task-line b,.call-preview-row b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-line small,.call-preview-row small{display:block;color:#7f8fa2;font-size:10px;margin-top:5px}.task-circle,.call-icon{background:#20364a;display:grid;place-items:center;color:#56cad1;border-radius:10px;width:35px;height:35px;flex:none}.task-circle.late{color:#ec9c85;background:#442c34}.badge{display:inline-block;border:1px solid #3b485b;background:#293544;color:#b8c5d4;font-size:10px;font-weight:700;padding:5px 9px;border-radius:7px;white-space:nowrap}.badge.success{color:#7cdbb4;border-color:#27674e;background:#1a3935}.badge.danger{color:#f0999e;background:#492b34;border-color:#6a3b49}.badge.warning{color:#e9bd7c;border-color:#685239;background:#3c342c}.badge.cyan{color:#76dbe5;border-color:#2e626e;background:#1c3b49}.table-scroll{overflow:auto;scrollbar-color:#40566b #172331}.table-large{max-height:670px}.table-scroll table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}.table-scroll thead{position:sticky;top:0;z-index:1}.table-scroll th{padding:13px;color:#8195ad;font-size:10px;letter-spacing:.02em;font-weight:700;background:#1d2a39;border-bottom:1px solid #334455}.table-scroll td{padding:14px 13px;border-bottom:1px solid #263448;color:#b7c8d8}.table-scroll td.heavy{font-weight:700;color:#e5eff5}.table-scroll td.money{font-weight:650;color:#e2ecf5}.table-scroll tr:last-child td{border-bottom:0}.table-scroll .clickrow{cursor:pointer}.table-scroll .clickrow:hover td{background:#1d3042}.mono{font-variant-numeric:tabular-nums;font-family:Inter,monospace}.accent{color:#55cad4!important;font-weight:800}.sticky-col{position:sticky;left:0;z-index:1;background:#162536}.table-scroll th.sticky-col{z-index:2;background:#1d2a39}.table-scroll .clickrow:hover td.sticky-col{background:#1d3042}.comment-short{max-width:215px;overflow:hidden;text-overflow:ellipsis}.table-footer{padding-top:19px;display:flex;justify-content:space-between;align-items:center;color:#93a5b8;font-size:11px}.table-footer>div{display:flex;gap:7px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:37px 15px;text-align:center;color:#68849b;gap:11px;min-height:155px}.empty svg{color:#42758d}.empty strong{color:#b4c8d7;font-size:12px}.empty p{font-size:11px;line-height:1.5;color:#7890a4;margin:0;max-width:285px}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.filter-bar select,.filter-bar .filter-city{font-size:11px;max-width:190px;padding:10px}.filter-bar .main-filter{flex:1;min-width:230px;max-width:340px}.filter-helpers{display:flex;gap:4px}.filter-helpers .btn{padding:9px}.saved-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}.saved-filters button{display:flex;gap:5px;align-items:center;background:#213548;border:1px solid #33485b;color:#8fdce2;font-size:10px;border-radius:20px;padding:7px 11px}.inline-search{min-width:0}.inline-search .btn{margin:3px -8px 3px 0}.comm-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.5fr);gap:20px}.comm-aside{min-width:0}.dialer{max-width:325px;margin:auto}.phone-display{border:1px solid #36495f;background:#101a28;border-radius:12px;padding:13px 17px;display:flex;align-items:center;position:relative}.phone-display span{position:absolute;top:8px;color:#788fa7;font-size:8px;letter-spacing:.13em;font-weight:700}.phone-display input{background:transparent;border:0;box-shadow:none!important;color:#e4f8fa;font-family:Manrope;font-size:23px;padding:19px 0 0;letter-spacing:.03em;flex:1;width:100%}.dial-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:245px;margin:20px auto}.dial-pad button{font-size:19px;color:#e6edf4;background:#1d2b3b;border:1px solid #34465a;border-radius:12px;height:53px;transition:.15s}.dial-pad button:hover{background:#28465b;color:#6ad9df}.dial-button{display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(110deg,#53cfcc,#2da7bf);width:100%;height:46px;color:#06202b;font-size:12px;font-weight:800;border-radius:10px;border:0}.dial-button:disabled{filter:grayscale(.6);opacity:.4;cursor:not-allowed}.phone-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#d4a188;padding-top:18px;text-align:center;line-height:1.5}.phone-note.ready{color:#9bc5ce}.contact-result{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.contact-round{height:47px;width:47px;border-radius:50%;background:linear-gradient(135deg,#286070,#253e5a);color:#7de6e2;display:grid;place-items:center;font-weight:800}.contact-result h3{margin:0 0 5px;font-size:14px}.contact-result p{margin:0;font-size:11px;color:#90a5b7}.call-preview-row{gap:10px}.call-preview-row .badge{max-width:100px;overflow:hidden;text-overflow:ellipsis}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.form-full,.form-actions{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:11px;color:#9eb1c1;font-weight:650}.field>input,.field>select{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px;border-top:1px solid #2a3849;padding-top:17px}.check-row{display:flex;align-items:center;gap:10px;color:#b8c8d6;font-size:11px}.check-row input{width:16px;height:16px;accent-color:#45c8d0}.section-title{font-size:12px;color:#e2eff7;font-weight:800;display:flex;gap:8px;align-items:center;margin:10px 0 0}.section-title svg{color:#5bd3d8}.overlay,.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#050b10bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#172232;max-width:570px;width:100%;max-height:90vh;border-radius:17px;border:1px solid #3a5064;box-shadow:0 25px 110px #0009;display:flex;flex-direction:column}.modal.wide{max-width:870px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid #304153}.modal-head h2{color:#ebf3fa;font-family:Manrope;font-size:18px;margin:0}.modal-content{overflow:auto;padding:25px}.drawer-overlay{justify-content:flex-end;padding:0;background:#06101ba3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{height:100vh;width:min(615px,100vw);display:flex;flex-direction:column;background:#142131;border-left:1px solid #375061;box-shadow:-15px 0 80px #0009}.drawer-head{padding:21px 26px;border-bottom:1px solid #2c4050;display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:2px 0 0;font-size:22px;color:#f0f8ff}.drawer-body{padding:25px;overflow:auto}.drawer-owner{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #2b4154}.drawer-owner h3{font-size:16px;margin:0;color:#f0f7fb}.drawer-owner p{font-size:12px;color:#6fdee6;margin:6px 0}.drawer-owner small{font-size:11px;color:#94a7b8}.drawer-section{border-bottom:1px solid #293e50;padding:17px 0 23px}.drawer-section .section-title{margin-bottom:17px}.drawer-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:15px}.drawer-buttons{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.information-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #2b3a4e;padding:13px 0;font-size:11px}.information-list>div span{color:#8096aa}.information-list>div b{font-weight:650;color:#d9e6f1;text-align:right}.comments{margin-bottom:16px}.comment{background:#1a2b3c;border:1px solid #2e4053;padding:13px;border-radius:10px;margin-bottom:9px}.comment>div{display:flex;justify-content:space-between;gap:7px}.comment b{font-size:11px}.comment small{font-size:10px;color:#778a9d}.comment p{font-size:12px;line-height:1.6;color:#c4d3dd}.drawer-section>.btn{margin-top:9px}.history-line{display:flex;gap:12px;border-left:1px solid #3a5367;padding:1px 0 17px 14px;margin-left:6px}.history-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);flex:none;margin-left:-19px}.history-line b,.history-line small{display:block}.history-line b{font-size:11px}.history-line small{font-size:10px;color:#849aad;margin-top:6px}.task-create-box{background:#1b2b3b;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:12px;margin-top:14px}.attachment-list a{display:flex;gap:8px;color:#8cdfe7;font-size:11px;padding:10px 0}.upload-button{display:inline-flex;align-items:center;gap:8px;color:#bfe9ed;background:#253b4d;border:1px solid #35546c;border-radius:9px;padding:10px 13px;font-size:11px;cursor:pointer}.info-box{margin-top:10px;background:#183b44;border:1px solid #2c6370;color:#8adddf;padding:12px 14px;border-radius:10px;font-size:11px;line-height:1.6}.info-box.warn{background:#44312c;border-color:#6b5140;color:#f1c39c}.task-tabs{display:flex;gap:7px;margin-bottom:19px}.task-tabs button{border:1px solid #304155;background:#192737;border-radius:10px;padding:11px 17px;color:#a1b4c6;font-size:11px}.task-tabs button.active{background:#224853;color:#6ce2e3;border-color:#3a747f}.task-card{display:flex;gap:16px;align-items:center;border-bottom:1px solid #2b3b50;padding:18px 3px}.task-card:last-child{border-bottom:0}.task-card.completed{opacity:.57}.task-check{width:22px;height:22px;border:1px solid #497083;border-radius:7px;background:#1b2d3e;color:#fff;display:grid;place-items:center;flex:none}.task-check.on{background:#278e83}.task-main{flex:1;min-width:0}.task-main b{color:#e5f0f7;font-size:12px}.task-main p{font-size:11px;color:#8ea1b3;margin:7px 0}.task-meta{display:flex;gap:15px;align-items:center;flex-wrap:wrap;color:#86a0b2;font-size:10px}.task-meta span,.task-meta a{display:inline-flex;align-items:center;gap:5px}.task-meta a{color:#6bdae1}.analytics-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px}.settings-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.analytics-details>div{padding:13px 0;border-bottom:1px solid #29394d;display:flex;justify-content:space-between;gap:12px;font-size:11px}.analytics-details span{color:#90a3b6}.analytics-details b{color:#e8f4f9}.methodology{font-size:11px;color:#8196a9;line-height:1.8}.settings-connection{display:flex;gap:12px;background:#1a2b3b;border:1px solid #324859;padding:16px;border-radius:11px;margin-bottom:19px}.settings-connection b,.settings-connection small{display:block}.settings-connection b{font-size:12px}.settings-connection small{font-size:10px;color:#849bad;margin-top:5px}.settings-fields{display:flex;flex-direction:column;gap:17px}.settings-actions{display:flex;gap:8px}.divider-line{height:1px;background:#304053}.secret-box{border:1px solid #34687a;padding:13px;border-radius:10px;display:flex;flex-direction:column;gap:9px}.secret-box code{word-break:break-all;font-size:10px;color:#80dce2}.settings-fields h4{margin:0;font-size:12px}.settings-fields p{margin:0;font-size:11px;line-height:1.7}.activity-list{max-height:385px;overflow:auto}.activity-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #27384a;padding:12px 0}.activity-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#203f4a;color:#67d2db}.activity-icon.danger{color:#eb9292;background:#50323a}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:11px}.activity-row small{font-size:10px;color:#8296a8;margin-top:6px}.table-scroll audio{max-width:180px;height:30px}.notification-pop{position:absolute;right:-70px;top:42px;width:min(360px,90vw);max-height:480px;overflow:auto;background:#172536;border:1px solid #3e566a;border-radius:14px;box-shadow:0 15px 60px #000b;z-index:25}.notification-title{padding:17px;display:flex;justify-content:space-between;font-size:12px;font-weight:750;border-bottom:1px solid #304456}.linkbtn{background:transparent;border:0;color:#71cfdb;font-size:11px}.notice{width:100%;text-align:left;display:flex;flex-direction:column;gap:5px;background:#172536;border:0;border-bottom:1px solid #2a3d50;padding:13px 17px;color:#e2f0f5}.notice.unread{background:#1d3646}.notice b{font-size:11px}.notice small{font-size:10px;color:#aec0ce}.notice span{font-size:9px;color:#74899b}.toast{position:fixed;bottom:26px;right:25px;display:flex;gap:9px;align-items:center;background:#1b3b3b;border:1px solid #42776a;color:#d6fcf0;padding:14px;border-radius:12px;box-shadow:0 10px 40px #0009;z-index:50;font-size:12px;max-width:min(400px,90vw)}.toast.error{background:#4c2d36;border-color:#8c4952;color:#fbe0de}.toast button{color:inherit;background:transparent;border:0}.login-page{min-height:100vh;background:#0d1520;display:grid;grid-template-columns:minmax(350px,560px) 1fr}.login-card{padding:50px 12%;display:flex;flex-direction:column;justify-content:center}.login-brand{padding:0;margin-bottom:72px}.login-illustration{display:flex;flex-direction:column;gap:15px;margin-bottom:38px}.pulse{height:68px;width:68px;display:grid;place-items:center;background:#1e4a50;color:#6edbdd;border:1px solid #366a71;border-radius:19px}.login-illustration h1{font-size:28px;color:#ebf5f9;font-family:Manrope;margin:5px 0}.login-illustration p{font-size:12px;color:#94a7b8;line-height:1.8}.login-card form{display:flex;flex-direction:column;gap:20px}.login-submit{height:49px;justify-content:space-between;margin-top:13px}.login-footer{display:flex;align-items:center;gap:8px;color:#71889a;font-size:10px;margin-top:45px}.login-art{position:relative;background:radial-gradient(ellipse at 55% 45%,#183e4c,#142536 38%,#0d1725 75%);border-left:1px solid #26394a;display:flex;justify-content:center;flex-direction:column;padding:13%;overflow:hidden}.login-art>span{color:#5bd2cf;letter-spacing:.2em;font-size:11px;font-weight:800}.login-art h2{font-family:Manrope;font-size:clamp(40px,5vw,80px);letter-spacing:-4px;line-height:1.14;color:#eaf6f8;z-index:1}.login-art p{color:#92adb8;z-index:1;font-size:14px}.fake-shapes{position:absolute;right:-13%;bottom:-15%;width:80%;height:100%;opacity:.6}.shape-one,.shape-two,.shape-three{position:absolute;width:330px;height:330px;border:1px solid #3fadb541;transform:rotate(35deg);border-radius:35px}.shape-one{bottom:0;right:8%;background:#3cc9d00a}.shape-two{bottom:90px;right:-10%;transform:rotate(22deg)}.shape-three{bottom:185px;right:-22%;transform:rotate(10deg)}.initial{height:100vh;display:flex;align-items:center;justify-content:center;gap:18px;background:#0b121d;color:#9ab5c3}.loading-pad{padding:30px;color:#a1b3c4}@media (max-width:1330px){.sidebar{width:225px}.main{padding:28px 22px 65px}.topbar{padding:0 22px}.metrics-grid{grid-template-columns:repeat(3,1fr)}.breadcrumb{display:none}}@media (max-width:900px){.sidebar{display:none}.topbar{height:62px}.mobile-brand{display:block;font-family:Manrope;color:#58d3d5;font-size:16px;font-weight:800}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:65px;background:#121f2e;border-top:1px solid #324458;display:flex;justify-content:space-around;align-items:center;z-index:5;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;gap:5px;color:#899bac;font-size:9px;align-items:center;justify-content:center}.mobile-nav a.active{color:#60d9dd}.main{padding:23px 15px 97px}.dashboard-grid,.comm-grid,.analytics-grid,.settings-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:65px max(22px,12%)}.login-brand{margin-bottom:48px}.top-search{max-width:none}.top-search kbd,.connection{display:none}}@media (max-width:600px){.topbar{padding:0 12px;gap:10px}.top-search{max-width:55%;margin-left:auto}.top-actions{gap:7px}.top-avatar{display:none}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:23px}.head-actions{width:100%}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{min-height:123px;padding:15px}.metric strong{font-size:25px}.metric-top{font-size:10px}.metric small{font-size:9px}.panel{padding:16px 14px;border-radius:13px}.panel-title{align-items:flex-start}.chart-area{height:210px}.form-grid,.drawer-fields{grid-template-columns:1fr}.modal-content{padding:18px}.drawer-body{padding:16px}.drawer-head{padding:14px}.filter-bar>*{flex:1 1 40%;max-width:none!important}.filter-bar .main-filter{flex-basis:100%}.head-actions .btn{flex:1}.task-card{gap:8px}.task-meta{gap:7px}.task-tabs button{padding:10px 11px;font-size:10px}.nav-item{font-size:12px}}.filter-date-label{display:flex;align-items:center;gap:6px;color:#93aabe;font-size:10px}.filter-date-label input{padding:9px;width:130px;color-scheme:dark}