:root{color:#151820;font-synthesis:none;--accent:#ef3340;--accent-dark:#d71929;--accent-soft:#fff0f1;--sidebar:#0c0e12;--sidebar-soft:#181b22;--surface:#fff;--surface-soft:#f8f9fb;--line:#e6e8ed;--muted:#7b8492;--text:#151820;--shadow:0 10px 30px #191f2a0f;--radius:14px;background:#f5f6f8;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:#f5f6f8;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}svg{stroke-width:1.8px}.screen-loader{background:#f5f6f8;place-items:center;min-height:100vh;display:grid}.screen-loader span{border:3px solid #e5e7eb;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;z-index:40;background:linear-gradient(#0b0d11 0%,#12151b 100%);flex-direction:column;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #080c121f}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;height:72px;padding:4px 8px 18px;display:flex}.sidebar-brand img{object-fit:contain;object-position:left center;width:175px;max-height:48px}.sidebar nav{flex-direction:column;gap:6px;margin-top:18px;padding-right:2px;display:flex;overflow:auto}.sidebar nav a{color:#b9bec8;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:0 13px;font-size:14px;font-weight:550;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar nav a span{flex:1}.sidebar nav a em{color:#dce2eb;background:#2a2f38;border-radius:999px;place-items:center;min-width:24px;height:22px;font-size:11px;font-style:normal;display:grid}.sidebar nav a:hover{color:#fff;background:#ffffff0e}.sidebar nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#ef334033,#ef33400f)}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.sidebar-footer button{color:#b7bec8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;height:40px;padding:0 8px;display:flex}.sidebar-footer button:hover{color:#fff;background:#ffffff0d}.sidebar-footer button svg{width:18px}.sidebar-footer small{color:#646c79;padding-left:8px;font-size:10px}.workspace{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:30;background:#fffffff2;align-items:center;gap:14px;height:70px;padding:0 26px;display:flex;position:sticky;top:0}.global-search{color:#8b94a1;background:#f7f8fa;border:1px solid #e8ebef;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:280px;max-width:520px;height:42px;padding:0 13px;display:flex}.global-search svg{width:17px}.global-search kbd{color:#9aa3af;background:#fff;border:1px solid #dfe3e9;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px}.topbar-user{border-left:1px solid var(--line);align-items:center;gap:9px;min-width:175px;padding-left:12px;display:flex}.topbar-user>span{flex-direction:column;min-width:0;display:flex}.topbar-user b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-user small{color:var(--muted);margin-top:2px;font-size:10px}.topbar-user>svg{color:#9ba3ae;width:15px;margin-left:auto}.page-area{min-width:0;padding:26px 28px 48px}.mobile-menu{display:none}.avatar{color:#fff;background:linear-gradient(145deg,#242833,#0f1116);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.avatar.light{color:#2f3540;background:#eef0f4}.avatar.tiny{width:30px;height:30px;font-size:10px}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13px;font-weight:650;transition:all .18s;display:inline-flex}.button svg{width:17px}.button.primary{background:linear-gradient(135deg,var(--accent),#e7192b);color:#fff;box-shadow:0 7px 18px #ef334033}.button.primary:hover{background:linear-gradient(135deg,#fa4250,var(--accent-dark));transform:translateY(-1px)}.button.ghost{color:#404854;background:#fff;border-color:#dfe3e8}.button.ghost:hover{background:#f7f8fa}.button.wide{width:100%}.button.compact{height:40px;padding:0 15px}.soft-button{color:#4e5865;background:#fff;border:1px solid #e0e4e9;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:12px;display:inline-flex}.soft-button:hover{background:#f8f9fb}.soft-button svg{width:15px}.text-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:650;display:inline-flex}.text-button svg{width:14px}.icon-button{color:#596472;background:#fff;border:1px solid #e0e4e9;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:#f7f8fa}.icon-button svg{width:17px}.back-link{color:#697382;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;display:inline-flex}.back-link svg{width:16px}.eyebrow{color:var(--accent);letter-spacing:1.6px;margin-bottom:6px;font-size:10px;font-weight:800;display:inline-block}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:21px;display:flex}.page-heading h1{letter-spacing:-.6px;margin:0;font-size:29px;line-height:1.15}.page-heading p{color:var(--muted);margin:6px 0 0;font-size:13px}.heading-actions{align-items:center;gap:10px;display:flex}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.surface-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 19px 14px;display:flex}.surface-head h2,.rail-card h2,.compact-form h2{margin:0;font-size:14px}.surface-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.surface-head>svg{color:#8b94a1;width:20px}.notification-wrap{position:relative}.bell-button{background:0 0;border:0;position:relative}.bell-button em{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:9px;font-style:normal;display:grid;position:absolute;top:0;right:0}.notification-panel{border:1px solid var(--line);background:#fff;border-radius:14px;width:380px;position:absolute;top:50px;right:-90px;overflow:hidden;box-shadow:0 20px 60px #1218232e}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.panel-heading>div{flex-direction:column;display:flex}.panel-heading b{font-size:14px}.panel-heading small{color:var(--muted);margin-top:3px;font-size:10px}.panel-heading .icon-button{width:30px;height:30px}.notification-list{max-height:420px;overflow:auto}.notification-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f2f5;grid-template-columns:auto 1fr;gap:11px;width:100%;padding:13px 15px;display:grid}.notification-list>button:hover{background:#fafbfc}.notification-list>button.unread{background:#fff8f8}.notification-list>button>span:last-child{flex-direction:column;display:flex}.notification-list b{font-size:11px}.notification-list small{color:#697382;margin-top:3px;font-size:10px}.notification-list time{color:#9aa2ad;margin-top:6px;font-size:9px}.notification-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.notification-icon svg{width:17px}.notification-icon.warning{color:#d38a00;background:#fff4db}.notification-icon.danger{color:var(--accent);background:#fff0f1}.metric-grid{gap:12px;margin-bottom:15px;display:grid}.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:flex-start;gap:12px;min-height:112px;padding:16px;display:flex;box-shadow:0 6px 18px #1e242e09}.metric-icon{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.metric-icon svg{width:20px}.metric-icon.red{color:var(--accent);background:#fff0f1}.metric-icon.green{color:#34a853;background:#ebfaef}.metric-icon.blue{color:#3984db;background:#edf5ff}.metric-icon.amber{color:#e9a500;background:#fff6df}.metric-icon.teal{color:#1aa49c;background:#e9f9f8}.metric-icon.danger{color:#ef3340;background:#fff0f1}.metric-card>div{flex-direction:column;display:flex}.metric-card small{color:#66717f;font-size:10px}.metric-card b{margin-top:8px;font-size:28px;line-height:1}.metric-card em{color:#88919d;margin-top:8px;font-size:9px;font-style:normal}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);gap:15px;display:grid}.dashboard-chart-card,.queue-load-card{min-height:340px}.chart-legend{color:#65707e;gap:18px;padding:0 19px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:999px;width:14px;height:3px}.chart-legend i.red{background:var(--accent)}.chart-legend i.gray{background:#9aa3ad}.line-chart{padding:10px 19px 12px}.line-chart svg{width:100%;height:220px;overflow:visible}.line-chart .area{fill:url(#fill)}.primary-line,.secondary-line{fill:none;stroke-linecap:round;stroke-width:3px}.primary-line{stroke:var(--accent)}.secondary-line{stroke:#949da8}.chart-days{color:#9aa3ad;justify-content:space-between;padding:0 8px;font-size:9px;display:flex}.queue-load-list{flex-direction:column;gap:14px;padding:3px 19px 18px;display:flex}.queue-load-list>div>div:first-child{justify-content:space-between;align-items:center;font-size:11px;display:flex}.queue-load-list span{align-items:center;gap:7px;display:flex}.queue-load-list span i{border-radius:50%;width:8px;height:8px}.queue-load-list b{font-size:12px}.load-track{background:#eff1f4;border-radius:999px;height:6px;margin-top:7px;overflow:hidden}.load-track i{border-radius:999px;height:100%;display:block}.queue-load-list small{color:#8b95a1;margin-top:4px;font-size:8px;display:block}.table-head,.table-row{grid-template-columns:90px minmax(150px,1.4fr) minmax(110px,.8fr) 110px;align-items:center;gap:12px;display:grid}.table-head{color:#929aa6;border-bottom:1px solid var(--line);padding:9px 7px;font-size:8px}.table-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eff1f4;width:100%;padding:11px 7px;font-size:10px}.table-row:hover{background:#fafbfc}.table-row b{color:var(--accent)}.table-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-row time{color:#75808d}.table-row em{font-size:9px;font-style:normal;font-weight:650}.table-row em.danger{color:#e52636}.table-row em.warning{color:#d88a00}.table-row em.ok{color:#26975a}.activity-strip{grid-column:1/-1;margin-top:15px}.activity-items{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0 18px 18px;display:grid}.activity-items>button{text-align:left;background:#fff;border:0;border-right:1px solid #edf0f3;align-items:center;gap:9px;padding:11px;display:flex}.activity-items>button:last-child{border-right:0}.activity-items>button:hover{background:#fafbfc}.activity-dot{border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid}.activity-dot svg{width:16px}.tone-0{color:var(--accent);background:#fff0f1}.tone-1{color:#3f82d7;background:#eef5ff}.tone-2{color:#d99500;background:#fff5db}.tone-3{color:#2fa260;background:#edf9f1}.activity-items>button>span:last-child{flex-direction:column;min-width:0;display:flex}.activity-items small{color:#717b88;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.activity-items time{color:#a0a7b1;margin-top:4px;font-size:8px}.summary-pills{gap:8px;margin-bottom:13px;display:flex;overflow:auto}.summary-pills button{color:#5f6976;background:#fff;border:1px solid #e1e5ea;border-radius:9px;align-items:center;gap:9px;height:38px;padding:0 12px;font-size:11px;display:flex}.summary-pills button b{color:#606b78;background:#f0f2f5;border-radius:999px;place-items:center;min-width:23px;height:21px;font-size:10px;display:grid}.summary-pills button.active{color:#fff;background:#1d222b;border-color:#1d222b}.summary-pills button.active b{color:#fff;background:#ffffff21}.filters-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;padding:13px;display:flex}.search-field{background:#fff;border:1px solid #e1e5ea;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:290px;height:38px;padding:0 11px;display:flex}.search-field svg{color:#919aa6;width:16px}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.filters-bar select,.kanban-toolbar select{color:#505b68;background:#fff;border:1px solid #e1e5ea;border-radius:9px;height:38px;padding:0 31px 0 10px;font-size:11px}.ticket-table{padding:0 12px 13px}.ticket-table-head,.ticket-table-row{grid-template-columns:90px minmax(240px,1.5fr) minmax(120px,.8fr) 135px 110px 145px 105px;align-items:center;gap:12px;display:grid}.ticket-table-head{color:#929aa6;border-bottom:1px solid var(--line);padding:12px 10px;font-size:8px}.ticket-table-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eff1f4;width:100%;padding:13px 10px;font-size:10px;transition:all .12s}.ticket-table-row:hover{background:#fafbfc;transform:translate(2px)}.ticket-table-row>b{color:var(--accent);font-size:11px}.ticket-subject{flex-direction:column;min-width:0;display:flex}.ticket-subject strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ticket-subject small{color:#8d96a2;margin-top:4px;font-size:8px}.ticket-table-row time{color:#75808d}.status-badge{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;width:max-content;min-height:24px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.status-new{color:#3978c7;background:#edf5ff}.status-distribution{color:#cf7c00;background:#fff3df}.status-in_progress{color:#2f78d0;background:#eaf4ff}.status-waiting_client,.status-waiting_approval,.status-suspended{color:#c97f00;background:#fff4d9}.status-resolved{color:#299158;background:#eaf9ef}.status-closed{color:#65707d;background:#eef0f3}.priority-badge{color:#626d7a;align-items:center;gap:6px;font-size:9px;display:inline-flex}.priority-badge i{border-radius:50%;width:6px;height:6px}.priority-low i{background:#4fb56c}.priority-normal i{background:#5896db}.priority-high i{background:#f09824}.priority-critical i{background:#e63744}.kanban-toolbar{gap:9px;margin-bottom:13px;display:flex}.kanban-toolbar .search-field{max-width:420px}.kanban-board{grid-template-columns:repeat(6,minmax(260px,1fr));gap:10px;padding-bottom:12px;display:grid;overflow:auto}.kanban-column{background:#f0f2f5;border:1px solid #e2e5e9;border-radius:12px;min-height:650px;padding:9px}.kanban-column>header{align-items:center;gap:8px;padding:4px 3px 10px;display:flex}.kanban-column>header>b{color:#65707d;background:#fff;border-radius:999px;place-items:center;min-width:24px;height:22px;font-size:10px;display:grid}.kanban-column>header>svg{color:#818b97;width:17px;margin-left:auto}.kanban-column>div{flex-direction:column;gap:8px;display:flex}.kanban-card{text-align:left;background:#fff;border:1px solid #dfe3e8;border-radius:10px;width:100%;padding:12px;box-shadow:0 4px 12px #1a1f280a}.kanban-card:hover{border-color:#cbd0d7;box-shadow:0 8px 22px #1a1f2814}.kanban-number{color:#626d7a;justify-content:space-between;align-items:center;font-size:9px;display:flex}.kanban-number svg{width:14px}.kanban-card>p{color:#78828f;margin:0;font-size:9px}.kanban-meta{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.deadline{align-items:center;gap:4px;font-size:8px;font-weight:650;display:inline-flex}.deadline svg{width:12px}.deadline.danger{color:#e42636}.deadline.warning{color:#d78700}.deadline.ok{color:#2d9b5c}.kanban-tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.kanban-tags span{color:#5e69c8;background:#eef0ff;border-radius:5px;padding:3px 5px;font-size:7px}.kanban-card footer{color:#77818e;border-top:1px solid #eef0f3;align-items:center;gap:10px;margin-top:11px;padding-top:9px;display:flex}.kanban-card footer span:not(.avatar){align-items:center;gap:3px;font-size:8px;display:flex}.kanban-card footer svg{width:11px}.kanban-add{width:100%;color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;padding:11px 4px;font-size:10px;display:flex}.kanban-add svg{width:14px}.create-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:15px;max-width:1320px;display:grid}.form-surface>label,.compact-form>label,.tariff-card label,.login-card label{color:#404a57;flex-direction:column;gap:7px;margin-bottom:14px;font-size:10px;font-weight:650;display:flex}.form-surface input,.form-surface textarea,.form-surface select,.compact-form input,.compact-form textarea,.compact-form select,.tariff-card input,.login-card input{color:#222832;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:0;padding:0 12px}.form-surface input,.form-surface select,.compact-form input,.compact-form select,.tariff-card input,.login-card input{height:42px}.form-surface textarea,.compact-form textarea{resize:vertical;padding-top:11px}.form-surface input:focus,.form-surface textarea:focus,.form-surface select:focus,.compact-form input:focus,.compact-form textarea:focus,.compact-form select:focus,.tariff-card input:focus,.login-card input:focus{border-color:#f18b92;box-shadow:0 0 0 3px #ef334014}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{color:#404a57;flex-direction:column;gap:7px;margin-bottom:14px;font-size:10px;font-weight:650;display:flex}.template-strip{background:linear-gradient(135deg,#fff7f7,#fafbfc);border:1px solid #f4d8db;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;padding:13px;display:flex}.template-strip label{align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.template-strip label svg{width:17px;color:var(--accent)}.template-strip small{color:#808995;font-size:9px}.upload-zone{background:#fafbfc;border:1.5px dashed #d8dde4;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:95px;margin-top:4px;padding:15px;display:grid}.upload-zone>svg{color:#7e8895;width:24px}.upload-zone>div{flex-direction:column;display:flex}.upload-zone span{color:#89929e;margin-top:4px;font-size:9px}.form-actions{border-top:1px solid #edf0f3;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:17px;display:flex}.create-sidebar .sticky-card{padding:18px;position:sticky;top:93px}.info-note{background:#f7f8fa;border-radius:9px;gap:9px;margin-top:9px;padding:12px;display:flex}.info-note>svg{width:18px;color:var(--accent)}.info-note>span{flex-direction:column;display:flex}.info-note small{color:#7f8895;margin-top:3px;font-size:8px}.form-error{color:#c82230;background:#fff0f1;border:1px solid #f3c8cc;border-radius:8px;margin:8px 0;padding:10px 12px;font-size:10px}.ticket-page-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.ticket-head-actions{gap:8px;display:flex;position:relative}.action-menu{border:1px solid var(--line);z-index:10;background:#fff;border-radius:10px;width:190px;padding:6px;position:absolute;top:47px;right:0;box-shadow:0 16px 45px #161c2629}.action-menu button{text-align:left;background:#fff;border:0;border-radius:7px;width:100%;height:34px;padding:0 10px;font-size:10px}.action-menu button:hover{background:#f5f6f8}.ticket-title-card{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:13px;padding:18px 20px;display:flex}.ticket-title-card>div:first-child{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.ticket-number{color:#222731;font-size:16px;font-weight:800}.ticket-title-card h1{width:100%;margin:6px 0 0;font-size:24px}.ticket-title-card p{color:#858e9a;width:100%;margin:2px 0 0;font-size:9px}.ticket-contact-pills{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.ticket-contact-pills span{color:#505a67;white-space:nowrap;background:#f4f6f8;border-radius:8px;align-items:center;gap:5px;height:31px;padding:0 9px;font-size:9px;display:flex}.ticket-contact-pills svg{width:13px}.ticket-workspace{grid-template-columns:230px minmax(520px,1fr) 310px;align-items:start;gap:13px;display:grid}.ticket-left-rail,.ticket-right-rail{flex-direction:column;gap:12px;display:flex}.rail-card h2{margin-bottom:13px}.info-line{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.info-line:last-child{border-bottom:0}.info-line span{color:#8b94a0;font-size:8px}.info-line b{text-align:right;font-size:9px}.quick-actions{flex-direction:column;gap:7px;display:flex}.quick-actions h2{margin-bottom:6px}.quick-actions button{color:#4f5966;background:#fff;border:1px solid #e1e5ea;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 10px;font-size:9px;display:flex}.quick-actions button svg{width:15px}.quick-actions button:hover{background:#f8f9fa}.quick-actions .primary-action{background:var(--accent);border-color:var(--accent);color:#fff}.quick-actions .danger-outline{color:#d82a38;border-color:#f1b7bc}.ticket-main-column{overflow:hidden}.ticket-tabs{border-bottom:1px solid var(--line);align-items:end;gap:3px;height:52px;padding:0 14px;display:flex;overflow:auto}.ticket-tabs button{color:#6d7784;white-space:nowrap;background:0 0;border:0;height:51px;padding:0 11px;font-size:10px;position:relative}.ticket-tabs button.active{color:#222731;font-weight:700}.ticket-tabs button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.ticket-tabs em{background:#eef0f3;border-radius:999px;margin-left:5px;padding:2px 5px;font-size:8px;font-style:normal}.timeline-list{min-height:360px;padding:15px 16px 5px}.timeline-item{grid-template-columns:34px 1fr;gap:10px;padding-bottom:12px;display:grid;position:relative}.timeline-item:before{content:"";background:#e4e7eb;width:1px;position:absolute;top:32px;bottom:-2px;left:16px}.timeline-item:last-child:before{display:none}.timeline-icon{z-index:1;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.timeline-icon svg{width:15px}.timeline-item.red .timeline-icon{color:var(--accent);background:#fff0f1}.timeline-item.blue .timeline-icon{color:#3d82d7;background:#edf5ff}.timeline-item.amber .timeline-icon{color:#d88b00;background:#fff5df}.timeline-item.purple .timeline-icon{color:#7b4cd4;background:#f3edff}.timeline-item.gray .timeline-icon{color:#616c79;background:#eef0f3}.timeline-item>div{background:#fff;border:1px solid #e4e7eb;border-radius:10px;padding:10px 11px}.timeline-item.amber>div{background:#fffaf0;border-color:#f2d79d}.timeline-item header{justify-content:space-between;gap:12px;display:flex}.timeline-item header small{color:#78828e;font-size:8px}.timeline-item header time{color:#8a939f;font-size:8px}.timeline-item p{color:#535e6b;white-space:pre-wrap;margin:8px 0 0;font-size:10px;line-height:1.55}.timeline-item em{color:#c78100;background:#fff1d1;border-radius:5px;margin-top:8px;padding:3px 5px;font-size:7px;font-style:normal;display:inline-block}.comment-composer{border-top:1px solid var(--line);padding:0 15px 15px}.composer-tabs{gap:4px;display:flex}.composer-tabs button{color:#6d7784;background:0 0;border:0;height:38px;padding:0 9px;font-size:9px;position:relative}.composer-tabs button.active{color:var(--accent);font-weight:700}.composer-tabs button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:6px;right:6px}.comment-composer textarea{resize:vertical;border:1px solid #dfe3e8;border-radius:9px 9px 0 0;outline:0;width:100%;padding:11px;font-size:10px}.composer-footer{border:1px solid #dfe3e8;border-top:0;border-radius:0 0 9px 9px;justify-content:space-between;align-items:center;height:48px;padding:0 9px;display:flex}.composer-footer>div{gap:4px;display:flex}.composer-footer>div button,.attachment-button{color:#697482;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.composer-footer>div button:hover,.attachment-button:hover{background:#f2f4f6}.composer-footer svg{width:16px}.rail-title{justify-content:space-between;align-items:center;gap:9px;display:flex}.rail-title h2{margin:0}.rail-title>span{border-radius:6px;padding:4px 6px;font-size:8px}.rail-title>span.ok{color:#2c9259;background:#e9f8ee}.rail-title>span.danger{color:#d92634;background:#fff0f1}.mini-add{color:#586371;background:#f1f3f6;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.mini-add svg{width:14px}.deadline-bar>div:first-child{justify-content:space-between;font-size:8px;display:flex}.deadline-bar b{font-size:8px}.deadline-bar b.danger{color:#dd2937}.deadline-bar b.warning{color:#d88600}.deadline-bar b.ok{color:#2d965b}.sla-track{background:#eff1f4;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.sla-track i{border-radius:999px;height:100%;display:block}.sla-track i.ok{background:#34a75e}.sla-track i.warning{background:#f1a724}.sla-track i.danger{background:#e43140}.deadline-bar small{color:#9aa2ad;margin-top:4px;font-size:7px;display:block}.assignee-list{flex-direction:column;gap:9px;display:flex}.assignee-list>div{align-items:center;gap:8px;display:flex}.assignee-list>div>span:last-child{flex-direction:column;display:flex}.assignee-list b{font-size:9px}.assignee-list small{color:#88919e;margin-top:2px;font-size:7px}.muted{color:#9099a5;font-size:9px}.inline-select{color:#6e7885;background:#fff;border:1px dashed #d8dde4;border-radius:8px;width:100%;height:34px;margin-top:10px;padding:0 8px;font-size:8px}.progress-card h2{margin-bottom:11px}.progress-block{margin-top:11px}.progress-block>div:first-child{justify-content:space-between;font-size:8px;display:flex}.progress-block>div:last-child{background:#eff1f4;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.progress-block i{background:var(--accent);border-radius:999px;height:100%;display:block}.time-summary{flex-direction:column;display:flex}.time-summary .rail-title{margin-bottom:10px}.time-summary .rail-title svg{width:17px;color:var(--accent)}.time-summary>b{font-size:22px}.time-summary>span{color:#858e9a;margin-top:4px;font-size:8px}.time-summary>strong{color:var(--accent);margin-top:9px;font-size:13px}.description-text{color:#626d79;white-space:pre-wrap;font-size:9px;line-height:1.6}.panel-content{min-height:420px;padding:17px}.panel-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.panel-toolbar h2{margin:0;font-size:14px}.panel-toolbar p{color:#828b97;margin:4px 0 0;font-size:9px}.inline-create{gap:7px;display:flex}.inline-create input{border:1px solid #dfe3e8;border-radius:8px;min-width:220px;height:38px;padding:0 10px;font-size:10px}.task-list{flex-direction:column;display:flex}.task-list>div{border-bottom:1px solid #edf0f3;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.task-list>div>button,.checklist-card label button{color:#8b94a0;background:#fff;border:1px solid #d8dde4;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.task-list>div>button svg,.checklist-card label button svg{width:13px}.task-list>div>button.checked,.checklist-card label button.checked{color:#2d965b;background:#eaf8ef;border-color:#bee6cc}.task-list>div>span{flex-direction:column;display:flex}.task-list b{font-size:10px}.task-list small{color:#89929e;margin-top:3px;font-size:8px}.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.checklist-card{border:1px solid #e1e5ea;border-radius:11px;overflow:hidden}.checklist-card header{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.checklist-card header>div{flex-direction:column;display:flex}.checklist-card header b{font-size:10px}.checklist-card header small{color:#89929e;margin-top:3px;font-size:8px}.checklist-card header svg{width:15px}.checklist-card>div{padding:8px 12px}.checklist-card label{align-items:center;gap:8px;padding:6px 0;font-size:9px;display:flex}.checklist-card label span.done{color:#979fa9;text-decoration:line-through}.checklist-card footer{border-top:1px solid #edf0f3;gap:6px;padding:9px;display:flex}.checklist-card footer input{border:1px solid #e0e4e9;border-radius:8px;flex:1;height:34px;padding:0 9px;font-size:9px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.file-grid>button{text-align:left;background:#fff;border:1px solid #e3e6ea;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.file-grid>button:hover{background:#fafbfc}.file-icon{color:#477dbe;background:#eef5ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.file-icon svg{width:16px}.file-grid span:nth-child(2){flex-direction:column;min-width:0;display:flex}.file-grid b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.file-grid small{color:#89929e;margin-top:3px;font-size:7px}.file-grid>button>svg{color:#979fa9;width:14px}.worklog-summary{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.worklog-summary>div{background:#f7f8fa;border-radius:10px;flex-direction:column;padding:12px;display:flex}.worklog-summary span{color:#7d8793;font-size:8px}.worklog-summary b{margin-top:5px;font-size:15px}.worklog-create{grid-template-columns:100px 1fr auto;gap:8px;margin:14px 0;display:grid}.worklog-create input{border:1px solid #dfe3e8;border-radius:8px;height:39px;padding:0 10px;font-size:10px}.worklog-list>div{border-bottom:1px solid #edf0f3;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:10px 0;display:grid}.worklog-list>div>span:nth-child(2){flex-direction:column;display:flex}.worklog-list b{font-size:9px}.worklog-list small{color:#89929e;margin-top:3px;font-size:7px}.worklog-list strong{font-size:10px}.worklog-list em{color:#7e8793;background:#f0f2f5;border-radius:5px;padding:4px 6px;font-size:7px;font-style:normal}.worklog-list em.billable{color:#2e9259;background:#eaf8ef}.company-metrics{grid-template-columns:repeat(3,minmax(0,220px));gap:11px;margin-bottom:13px;display:grid}.company-metrics>div{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.company-metrics>div>span{color:#5b6572;background:#f1f3f6;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.company-metrics svg{width:17px}.company-metrics>div>div{flex-direction:column;display:flex}.company-metrics b{font-size:17px}.company-metrics small{color:#8a939f;font-size:8px}.management-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px;display:grid}.compact-form{padding:18px;position:sticky;top:93px}.compact-form h2{margin-bottom:16px}.company-list,.user-list{padding:0 17px 8px}.company-row{border-bottom:1px solid #edf0f3;grid-template-columns:auto minmax(180px,1.4fr) minmax(90px,.5fr) minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.company-logo{color:#444d59;background:#f0f2f5;border-radius:10px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.company-main{flex-direction:column;display:flex}.company-main b{font-size:10px}.company-main span{color:#8a939f;margin-top:3px;font-size:8px}.company-row>div:not(.company-main){flex-direction:column;display:flex}.company-row small,.user-row small{color:#8e97a3;font-size:7px}.company-row b,.user-row b{font-size:9px}.active-dot{color:#7a8490;white-space:nowrap;align-items:center;gap:6px;font-size:8px;flex-direction:row!important;display:inline-flex!important}.active-dot i{background:#adb4be;border-radius:50%;width:7px;height:7px}.active-dot.on{color:#2e8757}.active-dot.on i{background:#34a166}.user-row{border-bottom:1px solid #edf0f3;grid-template-columns:auto minmax(190px,1.2fr) .6fr .7fr 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.user-row>div{flex-direction:column;display:flex}.checkbox-label{align-items:center;flex-direction:row!important;gap:8px!important}.checkbox-label input{width:16px;height:16px}.admin-tabs{gap:7px;margin-bottom:13px;display:flex;overflow:auto}.admin-tabs button{color:#697482;white-space:nowrap;background:#fff;border:1px solid #dfe3e8;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 11px;font-size:10px;display:flex}.admin-tabs button svg{width:15px}.admin-tabs button.active{color:#fff;background:#1b1f27;border-color:#1b1f27}.admin-tabs button:disabled{opacity:.45}.admin-tabs small{color:#727c88;background:#eef0f3;border-radius:999px;padding:2px 5px;font-size:7px}.queue-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:16px;display:grid}.queue-admin-card{border:1px solid #e3e6ea;border-radius:11px;padding:14px;position:relative;overflow:hidden}.queue-admin-card header{justify-content:space-between;align-items:center;display:flex}.queue-admin-color{width:4px;position:absolute;top:0;bottom:0;left:0}.queue-admin-card h3{margin:0;font-size:11px}.queue-admin-card h3 span{color:#75808c;background:#f0f2f5;border-radius:999px;margin-left:6px;padding:3px 6px;font-size:7px}.queue-admin-card p{color:#7f8895;min-height:27px;font-size:8px}.queue-admin-stats{border-top:1px solid #edf0f3;gap:13px;margin-top:9px;padding-top:9px;display:flex}.queue-admin-stats span{color:#7d8793;font-size:8px}.queue-admin-stats b{color:#303844;font-size:10px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:16px}.template-card header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.template-icon{width:37px;height:37px;color:var(--accent);background:#fff0f1;border-radius:10px;place-items:center;display:grid}.template-icon svg{width:18px}.template-card h3{margin:0;font-size:12px}.template-card header p{color:#8a939f;margin:4px 0 0;font-size:8px}.template-tags{align-items:center;gap:7px;margin:13px 0;display:flex}.template-tags>span:not(.priority-badge){color:#64707d;background:#f0f2f5;border-radius:5px;padding:4px 6px;font-size:7px}.template-card h4{margin:0 0 6px;font-size:11px}.template-body{color:#697482;min-height:42px;font-size:9px;line-height:1.5}.template-card footer{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;display:flex}.template-card footer>span{color:#7e8794;align-items:center;gap:5px;font-size:8px;display:flex}.template-card footer svg{width:13px}.recurring-list{overflow:hidden}.recurring-row{border-top:1px solid #edf0f3;grid-template-columns:auto minmax(180px,1.2fr) .7fr 1fr auto;align-items:center;gap:12px;padding:12px 17px;display:grid}.recurring-row>div:nth-child(2),.recurring-row>span:not(.template-icon):not(.active-dot){flex-direction:column;display:flex}.recurring-row b{font-size:9px}.recurring-row small{color:#8a939f;margin-top:3px;font-size:7px}.billing-metrics{grid-template-columns:repeat(3,minmax(0,280px));gap:12px;margin-bottom:14px;display:grid}.month-picker{color:#65707d;align-items:center;gap:8px;font-size:10px;display:flex}.month-picker input{border:1px solid #dfe3e8;border-radius:8px;height:38px;padding:0 9px}.billing-table{margin-bottom:14px;overflow:hidden}.billing-head,.billing-row{grid-template-columns:minmax(180px,1.2fr) 110px 130px 110px 120px 90px 120px;align-items:center;gap:10px;display:grid}.billing-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8d96a2;background:#fafbfc;padding:10px 18px;font-size:8px}.billing-row{border-bottom:1px solid #edf0f3;padding:12px 18px;font-size:9px}.billing-row b{font-size:10px}.billing-row strong{color:var(--accent)}.tariff-section{padding-bottom:16px}.tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 17px;display:grid}.tariff-card{border:1px solid #e2e5ea;border-radius:11px;padding:14px}.tariff-card h3{margin:0 0 13px;font-size:11px}.tariff-card label{margin-bottom:10px}.tariff-card input{width:100%}.empty-state{text-align:center;color:#87909c;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:35px;display:flex}.empty-state.compact{min-height:170px}.empty-state>span{color:#8a939f;background:#f1f3f6;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.empty-state svg{width:22px}.empty-state b{color:#4e5865;margin-top:12px;font-size:12px}.empty-state p{max-width:300px;margin:6px 0 0;font-size:9px}.page-skeleton{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.page-skeleton span{background:linear-gradient(90deg,#eceff2,#f6f7f9,#eceff2) 0 0/200% 100%;border-radius:12px;height:130px;animation:1.2s infinite shine}.page-skeleton span:last-child{grid-column:1/-1;height:360px}.table-skeleton{padding:15px}.table-skeleton span{background:linear-gradient(90deg,#edf0f3,#f8f9fa,#edf0f3) 0 0/200% 100%;border-radius:8px;height:42px;margin-bottom:8px;animation:1.2s infinite shine;display:block}@keyframes shine{to{background-position:-200% 0}}.login-page{background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(500px,.85fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 72% 15%,#ef33402e,#0000 30%),linear-gradient(145deg,#0b0d11 0%,#11151c 62%,#171b22 100%);flex-direction:column;padding:36px 48px;display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";background:repeating-linear-gradient(125deg,#0000 0 48px,#ef334014 49px 50px);height:70%;position:absolute;bottom:-36%;left:-20%;right:-20%;transform:rotate(-4deg)}.login-dark-logo{object-fit:contain;object-position:left center;z-index:2;width:230px;max-height:72px}.login-copy{z-index:2;max-width:800px;margin:auto 0}.login-copy h1{letter-spacing:-1.5px;margin:15px 0 17px;font-size:45px;line-height:1.13}.login-copy>p{color:#b3bbc6;max-width:650px;font-size:15px;line-height:1.6}.login-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:30px;display:grid}.login-contact-grid>div{align-items:center;gap:10px;display:flex}.login-contact-grid>div>svg{color:#f36b74;background:#ffffff0f;border-radius:9px;width:34px;height:34px;padding:8px}.login-contact-grid>div>span{flex-direction:column;display:flex}.login-preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;max-width:650px;margin-top:32px;padding:14px}.preview-head{color:#b7c0cb;justify-content:space-between;font-size:9px;display:flex}.preview-head small{color:#737d89}.preview-metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.preview-metrics>div{background:#ffffff0b;border-radius:8px;flex-direction:column;padding:10px;display:flex}.preview-metrics b{font-size:18px}.preview-metrics span{color:#8e98a5;margin-top:3px;font-size:7px}.preview-chart{align-items:end;gap:8px;height:70px;margin-top:12px;padding:0 6px;display:flex}.preview-chart i{background:linear-gradient(180deg,var(--accent),#ef334040);border-radius:5px 5px 0 0;flex:1}.preview-chart i:first-child{height:35%}.preview-chart i:nth-child(2){height:57%}.preview-chart i:nth-child(3){height:43%}.preview-chart i:nth-child(4){height:78%}.preview-chart i:nth-child(5){height:62%}.preview-chart i:nth-child(6){height:90%}.preview-chart i:nth-child(7){height:55%}.preview-chart i:nth-child(8){height:72%}.login-form-side{background:radial-gradient(circle at 100% 100%,#fff0f1,#0000 36%),#fafafa;place-items:center;padding:40px;display:grid;position:relative}.login-language{color:#4f5966;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:28px;right:36px}.login-language svg{width:14px}.login-card{background:#fff;border:1px solid #e7e9ed;border-radius:18px;width:min(440px,100%);padding:32px 34px;box-shadow:0 25px 70px #171d271a}.login-card>img{object-fit:contain;width:250px;max-height:84px;margin:0 auto;display:block}.login-card h2{text-align:center;margin:18px 0 6px;font-size:23px}.login-card>p{text-align:center;color:#7e8794;margin:0 0 24px;font-size:11px;line-height:1.5}.login-card label{margin-bottom:14px;font-size:10px}.login-help{background:#fafafa;border:1px solid #e9ebef;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:12px;display:flex}.login-help>svg{width:22px;color:var(--accent)}.login-help>span{flex-direction:column;display:flex}.login-help small{color:#8a939f;margin-top:3px;font-size:8px}.login-security{color:#8b94a0;text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:8px;display:flex}.login-security svg{width:14px}.sidebar-overlay{display:none}@media (width<=1550px){.metric-grid.six{grid-template-columns:repeat(3,1fr)}.ticket-workspace{grid-template-columns:210px minmax(470px,1fr) 290px}.activity-items{grid-template-columns:repeat(3,1fr)}.activity-items>button:nth-child(3){border-right:0}.activity-items>button:nth-child(-n+3){border-bottom:1px solid #edf0f3}.ticket-table-head,.ticket-table-row{grid-template-columns:82px minmax(220px,1.5fr) minmax(100px,.8fr) 125px 100px 125px 95px}}@media (width<=1250px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:16px 9px}.sidebar-brand{justify-content:center;padding:0 0 16px}.sidebar-brand img{object-fit:cover;object-position:left;width:50px;height:50px}.sidebar nav a{justify-content:center;padding:0}.sidebar nav a span,.sidebar nav a em,.sidebar-footer button{font-size:0}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.sidebar-footer button{justify-content:center}.sidebar-footer small{display:none}.dashboard-grid{grid-template-columns:1fr}.ticket-workspace{grid-template-columns:minmax(500px,1fr) 300px}.ticket-left-rail{order:-1;grid-column:1/3;grid-template-columns:1fr 1fr;display:grid}.ticket-main-column{grid-column:1}.ticket-right-rail{grid-column:2}.create-layout{grid-template-columns:1fr}.create-sidebar .sticky-card{grid-template-columns:1fr 1fr;gap:10px;display:grid;position:static}.create-sidebar h2{grid-column:1/-1}.management-layout,.management-layout.wide-form{grid-template-columns:1fr}.compact-form{position:static}.template-grid,.tariff-grid{grid-template-columns:repeat(2,1fr)}.ticket-table{overflow:auto}.ticket-table-head,.ticket-table-row{min-width:1050px}.login-page{grid-template-columns:1fr 520px}.login-copy h1{font-size:38px}}@media (width<=950px){.metric-grid.six{grid-template-columns:repeat(2,1fr)}.page-area{padding:20px 18px 40px}.topbar{padding:0 16px}.global-search{min-width:180px}.ticket-workspace{display:block}.ticket-left-rail{grid-template-columns:1fr 1fr;margin-bottom:12px;display:grid}.ticket-right-rail{grid-template-columns:repeat(2,1fr);margin-top:12px;display:grid}.login-page{background:#f7f8fa;padding:20px;display:block}.login-visual{display:none}.login-form-side{min-height:calc(100vh - 40px);padding:0}.login-language{top:16px;right:16px}.login-card{box-shadow:none}.billing-head,.billing-row{grid-template-columns:minmax(160px,1fr) 90px 110px 100px 100px 80px 110px;min-width:820px}.billing-table{overflow:auto}}@media (width<=720px){.app-shell{display:block}.sidebar{width:238px;transition:all .2s;position:fixed;left:-260px}.sidebar.open{left:0}.sidebar-brand{justify-content:flex-start;padding:4px 8px 18px}.sidebar-brand img{object-fit:contain;width:175px;height:auto}.sidebar nav a{justify-content:flex-start;padding:0 13px}.sidebar nav a span{display:block}.sidebar-footer button{justify-content:flex-start;font-size:12px}.sidebar-overlay{z-index:35;background:#0b0d11aa;border:0;display:block;position:fixed;inset:0}.topbar{height:62px;padding:0 10px}.mobile-menu{display:grid}.global-search{display:none}.topbar>.button.compact{width:40px;padding:0;font-size:0}.topbar-user>span,.topbar-user>svg{display:none}.topbar-user{border-left:0;min-width:auto;padding-left:0}.page-area{padding:16px 10px 30px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:24px}.heading-actions{justify-content:flex-end;width:100%}.metric-grid.six{grid-template-columns:1fr 1fr}.dashboard-grid{display:block}.dashboard-grid>.surface{margin-bottom:12px}.activity-items{grid-template-columns:1fr}.activity-items>button{border-right:0;border-bottom:1px solid #edf0f3!important}.ticket-left-rail,.ticket-right-rail{display:block}.ticket-left-rail>.surface,.ticket-right-rail>.surface{margin-bottom:10px}.ticket-title-card{display:block}.ticket-contact-pills{justify-content:flex-start;margin-top:12px}.ticket-title-card h1{font-size:20px}.ticket-tabs{padding:0 5px}.panel-toolbar{flex-direction:column;align-items:flex-start}.inline-create{width:100%}.inline-create input{flex:1;min-width:0}.checklist-grid,.file-grid{grid-template-columns:1fr}.worklog-summary{grid-template-columns:1fr 1fr}.worklog-create{grid-template-columns:90px 1fr}.worklog-create .button{grid-column:1/-1}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.template-strip{flex-direction:column;align-items:flex-start}.upload-zone{grid-template-columns:auto 1fr}.upload-zone .soft-button{grid-column:1/-1}.create-sidebar .sticky-card{display:block}.company-metrics,.billing-metrics{grid-template-columns:1fr}.company-row{grid-template-columns:auto 1fr auto}.company-row>div:nth-child(3),.company-row>div:nth-child(4),.company-row>.active-dot{display:none!important}.user-row{grid-template-columns:auto 1fr auto}.user-row>div:nth-child(3),.user-row>div:nth-child(4),.user-row>div:nth-child(5){display:none}.template-grid,.tariff-grid{grid-template-columns:1fr}.recurring-row{grid-template-columns:auto 1fr auto}.recurring-row>span:nth-child(3),.recurring-row>span:nth-child(4){display:none!important}.notification-panel{width:auto;position:fixed;top:68px;left:10px;right:10px}.login-card{padding:26px 22px}.login-card>img{width:210px}.topbar-user{display:none}}@media (width<=460px){.metric-grid.six{grid-template-columns:1fr}.metric-card{min-height:94px}.metric-card b{font-size:24px}.ticket-page-head{align-items:flex-start}.ticket-head-actions .soft-button{display:none}.summary-pills{padding-bottom:4px}.kanban-board{grid-template-columns:repeat(6,260px)}.worklog-list>div{grid-template-columns:auto 1fr auto}.worklog-list em{display:none}.login-page{padding:0}.login-form-side{min-height:100vh}.login-card{border:0;border-radius:0;flex-direction:column;justify-content:center;min-height:100vh;display:flex}.login-language{z-index:2}}:root{--accent:#ed1c2e;--accent-dark:#cf1022;--accent-soft:#fff2f3;--sidebar:#090b0f;--sidebar-soft:#151922;--surface:#fff;--surface-soft:#f7f8fa;--line:#e1e5ea;--line-strong:#d6dbe2;--muted:#747e8c;--text:#11151c;--shadow:0 12px 34px #181e2813;--shadow-strong:0 18px 48px #181e281c;--radius:15px;--content-max:1740px}html{font-size:16px}body{color:var(--text);background:#f4f5f7;font-size:14px}.app-shell{background:#f4f5f7;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:linear-gradient(#080a0e 0%,#10141b 100%);padding:22px 14px 18px;box-shadow:10px 0 34px #05080c29}.sidebar-brand{height:82px;padding:3px 10px 20px}.sidebar-brand img{width:202px;max-height:55px}.sidebar nav{gap:7px;margin-top:20px}.sidebar nav a{color:#b8bec8;border-radius:11px;min-height:48px;padding:0 15px;font-size:14px;font-weight:600}.sidebar nav a svg{width:20px;height:20px}.sidebar nav a:hover{background:#fff1}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--accent),0 8px 24px #00000014;background:linear-gradient(90deg,#ed1c2e3d,#ed1c2e12)}.sidebar-footer{padding:18px 8px 0}.sidebar-footer button{font-size:13px}.sidebar-footer small{font-size:11px}.workspace{background:#f4f5f7}.topbar{border-bottom-color:#dfe3e8;height:76px;padding:0 30px;box-shadow:0 1px #0f141c08}.global-search{background:#fff;border-color:#dfe4ea;border-radius:11px;min-width:360px;max-width:580px;height:44px;box-shadow:0 3px 12px #14192309}.global-search span{font-size:13px}.topbar-user{min-width:210px}.topbar-user b{font-size:13px}.topbar-user small{font-size:11px}.page-area{padding:32px 34px 58px}.page-area>div{width:100%;max-width:var(--content-max);margin-inline:auto}.page-heading{align-items:center;margin-bottom:22px}.page-heading h1{letter-spacing:-.8px;font-size:31px;line-height:1.08}.page-heading p{color:#7d8693;margin-top:7px;font-size:13px}.eyebrow{letter-spacing:1.35px;margin-bottom:8px;font-size:11px}.button{border-radius:10px;height:44px;padding:0 17px;font-size:13px}.button.primary{box-shadow:0 9px 22px #ed1c2e3b}.button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px #ed1c2e47}.soft-button{color:#4d5663;background:#fff;border-color:#dfe4ea;border-radius:9px;height:40px;padding:0 14px;font-size:12px}.icon-button{border-radius:10px;width:40px;height:40px}.surface{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.surface-head{padding:20px 22px 15px}.surface-head h2,.rail-card h2,.compact-form h2{letter-spacing:-.15px;font-size:15px}.surface-head p{margin-top:4px;font-size:11px}.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{border:1px solid var(--line);min-height:124px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:18px 17px;position:relative;overflow:hidden}.metric-card:after{content:"";background:var(--accent-soft);opacity:.55;border-radius:50%;width:110px;height:110px;position:absolute;inset:auto -28px -38px auto}.metric-card.tone-green:after{background:#eaf9ee}.metric-card.tone-blue:after{background:#eaf4ff}.metric-card.tone-amber:after{background:#fff7df}.metric-card.tone-teal:after{background:#e8fbf8}.metric-card.tone-danger:after{background:#fff0f1}.metric-icon{z-index:1;border-radius:12px;width:44px;height:44px}.metric-icon svg{width:22px;height:22px}.metric-card>div{z-index:1}.metric-card small{color:#6f7987;font-size:11px;font-weight:650}.metric-card b{letter-spacing:-1px;margin-top:8px;font-size:32px;line-height:1}.metric-card em{color:#8b94a0;margin-top:8px;font-size:10px}.metric-sparkline{z-index:2;align-items:end;gap:3px;width:45px;height:25px;display:flex;position:absolute;top:18px;right:13px}.metric-sparkline i{background:#e5e8ec;border-radius:4px;width:5px;display:block}.metric-sparkline i:first-child{height:28%}.metric-sparkline i:nth-child(5){background:var(--accent);height:100%}.dashboard-layout{grid-template-columns:minmax(0,1fr) 345px;align-items:start;gap:16px;display:grid}.dashboard-primary{flex-direction:column;gap:16px;min-width:0;display:flex}.dashboard-insights{grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr);gap:16px;display:grid}.dashboard-chart-card,.dashboard-donut-card{min-height:365px}.line-chart{height:275px;margin:4px 18px 18px;position:relative}.line-chart svg{z-index:2;height:220px;position:relative}.chart-grid-lines{z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:14px 0 42px}.chart-grid-lines i{background:#edf0f3;width:100%;height:1px}.chart-days{color:#8d96a3;font-size:10px;bottom:4px}.chart-legend{padding:0 22px 4px;font-size:11px}.primary-line{stroke-width:3px}.secondary-line{stroke-width:2.2px}.donut-layout{grid-template-columns:170px 1fr;align-items:center;gap:22px;padding:18px 22px 24px;display:grid}.queue-donut{border-radius:50%;place-items:center;width:168px;height:168px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000008}.queue-donut:after{content:"";background:#fff;border-radius:50%;width:102px;height:102px;position:absolute;box-shadow:0 0 0 1px #edf0f3}.queue-donut>span{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.queue-donut b{font-size:28px;line-height:1}.queue-donut small{color:#858e9b;margin-top:5px;font-size:10px}.donut-legend{flex-direction:column;gap:13px;display:flex}.donut-legend>div{grid-template-columns:9px minmax(0,1fr) 32px 24px;align-items:center;gap:8px;font-size:11px;display:grid}.donut-legend i{border-radius:3px;width:9px;height:9px}.donut-legend span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.donut-legend b{font-size:11px}.donut-legend small{color:#8c95a2;text-align:right;font-size:10px}.dashboard-tables{grid-template-columns:1fr 1fr;gap:16px;display:grid}.risk-card,.recent-card{min-height:290px}.compact-table{padding:0 18px 18px}.compact-table .table-head,.compact-table .table-row{min-height:45px;font-size:11px}.compact-table .table-row b{font-size:11px}.compact-table .empty-state{min-height:160px}.dashboard-rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:92px}.queue-load-card,.deadline-card{min-height:0}.queue-load-list{padding:6px 22px 10px}.queue-load-list>div{padding:10px 0}.queue-load-list span,.queue-load-list b{font-size:11px}.load-track{height:6px}.queue-load-list small{font-size:9px}.rail-link{width:100%;height:45px;color:var(--accent);background:#fff;border:0;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:0 22px;font-size:11px;font-weight:700;display:flex}.rail-link:hover{background:#fff7f8}.rail-link svg{width:15px}.deadline-list{flex-direction:column;padding:0 18px 8px;display:flex}.deadline-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:9px 0;display:grid}.deadline-list>button:hover{background:#fafbfc}.deadline-list em{text-align:center;color:#b97800;background:#fff4d8;border-radius:7px;padding:7px 5px;font-size:9px;font-style:normal;font-weight:750}.deadline-list em.danger{color:#d51426;background:#ffe7e9}.deadline-list em.ok{color:#178846;background:#e9f8ee}.deadline-list span{flex-direction:column;min-width:0;display:flex}.deadline-list b{color:var(--accent);font-size:10px}.deadline-list small{color:#303844;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.deadline-list strong{color:#8d96a3;white-space:nowrap;font-size:9px;font-weight:500}.activity-strip{margin-top:0}.activity-items{grid-template-columns:repeat(5,minmax(0,1fr));padding:0 12px 18px}.activity-items>button{min-height:86px;padding:13px}.activity-items b{font-size:10px}.activity-items small,.activity-items time{font-size:9px}.summary-pills{gap:7px;margin-bottom:12px}.summary-pills button{border-radius:9px;height:38px;padding:0 13px;font-size:11px}.summary-pills button b{min-width:22px;height:22px;font-size:10px}.ticket-list-card{overflow:hidden}.filters-bar{background:#fbfcfd;border-bottom:1px solid #e7eaee;gap:10px;padding:14px 16px}.filters-bar .search-field{height:42px}.filters-bar select{min-width:145px;height:42px;font-size:11px}.ticket-table-head,.ticket-table-row{grid-template-columns:90px minmax(300px,1.7fr) minmax(130px,.8fr) 135px 110px 155px 112px;gap:14px;min-height:58px;padding:0 18px}.ticket-table-head{background:#fff;min-height:44px;font-size:10px}.ticket-table-row{border-top:1px solid #edf0f3;font-size:11px}.ticket-table-row:hover{box-shadow:inset 3px 0 0 var(--accent);background:#fff7f8}.ticket-table-row>b,.ticket-subject strong{font-size:11px}.ticket-subject small{font-size:9px}.ticket-table-row time{font-size:10px}.status-badge{min-height:23px;padding:0 9px;font-size:9px}.priority-badge{font-size:9px}.kanban-page{max-width:none!important}.kanban-toolbar{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:grid}.kanban-filters{gap:8px;display:flex}.kanban-filters select{color:#4e5865;background:#fff;border:1px solid #dfe4ea;border-radius:9px;min-width:150px;height:40px;padding:0 12px;font-size:11px}.kanban-toolbar .search-field{max-width:none;height:40px}.view-switch{border:1px solid #dfe4ea;border-radius:9px;display:flex;overflow:hidden}.view-switch button{color:#77808d;background:#fff;border:0;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;display:flex}.view-switch button+button{border-left:1px solid #e5e8ec}.view-switch button.active{color:var(--accent);background:#fff1f2;font-weight:700}.view-switch svg{width:15px}.kanban-board{grid-template-columns:repeat(6,minmax(285px,1fr));gap:10px;min-height:640px;padding:2px 2px 16px;overflow-x:auto}.kanban-column{min-width:285px;min-height:620px;box-shadow:none;background:#f0f2f5;border:1px solid #dfe3e8;border-radius:13px}.kanban-column>header{background:#ffffff9e;border-bottom:1px solid #dfe3e8;border-radius:13px 13px 0 0;height:52px;padding:0 13px}.kanban-column>header>b{width:25px;height:25px;font-size:10px}.kanban-column>div{gap:9px;padding:10px}.kanban-card{border:1px solid #dfe3e8;border-radius:11px;padding:14px;position:relative;overflow:hidden;box-shadow:0 5px 14px #141a240e}.kanban-card:before{content:"";background:#8aa3bd;width:3px;position:absolute;top:0;bottom:0;left:0}.kanban-column[data-status=NEW] .kanban-card:before{background:#2f80ed}.kanban-column[data-status=DISTRIBUTION] .kanban-card:before{background:#f3a60a}.kanban-column[data-status=IN_PROGRESS] .kanban-card:before{background:#ef3340}.kanban-column[data-status=WAITING_CLIENT] .kanban-card:before,.kanban-column[data-status=WAITING_APPROVAL] .kanban-card:before{background:#f59e0b}.kanban-column[data-status=RESOLVED] .kanban-card:before{background:#24a148}.kanban-card:hover{border-color:#cfd5dc;transform:translateY(-2px);box-shadow:0 12px 25px #181e281a}.kanban-number{font-size:10px}.kanban-card h3{margin:10px 0 5px;font-size:13px;line-height:1.35}.kanban-card>p{font-size:10px}.kanban-meta{margin-top:12px}.deadline{font-size:9px}.kanban-tags{margin-top:10px}.kanban-tags span{padding:5px 7px;font-size:9px}.kanban-card footer{margin-top:13px;padding-top:11px}.kanban-card footer .assignee-chip{align-items:center;gap:6px;margin-right:auto;display:flex}.kanban-card footer .assignee-chip small{white-space:nowrap;text-overflow:ellipsis;max-width:82px;font-size:8px;overflow:hidden}.kanban-card footer>span:not(.assignee-chip):not(.avatar){font-size:8px}.kanban-add{height:40px;font-size:10px}.create-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;max-width:1360px}.form-surface{padding:22px}.form-surface>label,.form-surface .form-grid label,.create-sidebar label{color:#39424e;flex-direction:column;gap:7px;font-size:11px;font-weight:650;display:flex}.form-surface input,.form-surface textarea,.form-surface select,.create-sidebar input,.create-sidebar select{color:#1f252d;background:#fff;border:1px solid #dce1e7;border-radius:9px;outline:0;width:100%;padding:0 13px;font-size:12px}.form-surface input,.form-surface select,.create-sidebar input,.create-sidebar select{height:44px}.form-surface textarea{resize:vertical;padding:13px;line-height:1.55}.form-surface input:focus,.form-surface textarea:focus,.form-surface select:focus,.create-sidebar input:focus,.create-sidebar select:focus{border-color:#ef3340;box-shadow:0 0 0 3px #ef334017}.form-grid{gap:13px}.template-strip{background:#fff8f8;border-color:#f0d8da;margin-bottom:18px;padding:14px 15px}.template-strip label{font-size:11px}.template-strip select{height:38px}.template-strip small{font-size:9px}.upload-zone{min-height:104px;margin-top:5px;padding:18px}.upload-zone b{font-size:11px}.upload-zone span{font-size:9px}.form-actions{margin-top:20px;padding-top:18px}.create-sidebar .sticky-card{flex-direction:column;gap:14px;padding:20px;display:flex;top:94px}.create-sidebar h2{margin:0 0 2px;font-size:15px}.info-note{background:#f7f8fa;border-radius:10px;padding:13px}.info-note b{font-size:10px}.info-note small{font-size:8px;line-height:1.45}.ticket-page{max-width:1740px!important}.ticket-page-head{margin-bottom:12px}.ticket-title-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:14px;padding:20px 22px}.ticket-title-card h1{margin:8px 0 4px;font-size:27px}.ticket-title-card p{font-size:11px}.ticket-contact-pills{gap:8px}.ticket-contact-pills span{background:#f6f7f9;height:34px;padding:0 11px;font-size:10px}.ticket-workspace{grid-template-columns:245px minmax(580px,1fr) 315px;gap:14px}.ticket-left-rail,.ticket-right-rail{gap:12px}.rail-card{padding:17px}.rail-card h2{font-size:14px}.info-line{min-height:34px;font-size:10px}.info-line b{font-size:10px}.quick-actions button{border-radius:8px;height:39px;font-size:10px}.ticket-main-column{min-height:720px}.ticket-tabs{gap:5px;height:54px;padding:0 14px}.ticket-tabs button{height:54px;padding:0 12px;font-size:10px}.timeline-list{padding:16px 16px 4px}.timeline-item{grid-template-columns:36px 1fr;gap:10px;padding-bottom:11px}.timeline-icon{width:31px;height:31px}.timeline-item>div{padding:12px 14px}.timeline-item header b{font-size:10px}.timeline-item header small,.timeline-item header time{font-size:9px}.timeline-item p{font-size:10px}.comment-composer{margin:12px 16px 16px}.comment-composer textarea{font-size:11px}.composer-tabs button{font-size:10px}.deadline-bar{margin-top:15px}.deadline-bar>div:first-child,.assignee-list b{font-size:10px}.assignee-list small{font-size:8px}.progress-block,.description-text{font-size:10px}.company-metrics,.billing-metrics{grid-template-columns:repeat(3,220px);gap:12px}.company-metrics>div{min-height:78px;padding:13px}.management-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.management-layout.wide-form{grid-template-columns:minmax(0,1fr) 330px}.compact-form{padding:20px;top:94px}.compact-form>label{gap:7px;font-size:10px}.company-row{min-height:68px;padding:10px 4px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{min-height:230px;padding:18px}.tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billing-table,.tariff-section{margin-top:16px}.login-page{grid-template-columns:minmax(0,1.12fr) minmax(520px,.88fr)}.login-visual{padding:34px 48px}.login-dark-logo{width:260px}.login-copy{max-width:820px}.login-copy h1{font-size:48px}.login-copy>p{font-size:15px}.login-contact-grid b{font-size:12px}.login-contact-grid small{font-size:9px}.login-preview{max-width:700px}.login-card{width:min(470px,100%);padding:34px 38px}.login-card>img{width:270px}.login-card h2{font-size:25px}.login-card>p{font-size:12px}.login-card label{font-size:11px}.login-card input{height:46px;font-size:12px}@media (width>=2200px){:root{--content-max:2040px}.app-shell{grid-template-columns:292px minmax(0,1fr)}.sidebar{padding-inline:18px}.sidebar-brand img{width:224px}.sidebar nav a{min-height:52px;font-size:15px}.page-area{padding:40px 44px 70px}.page-heading h1{font-size:35px}.page-heading p{font-size:14px}.metric-card{min-height:138px;padding:21px}.metric-card b{font-size:36px}.metric-card small{font-size:12px}.metric-card em{font-size:11px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 390px}.dashboard-chart-card,.dashboard-donut-card{min-height:400px}.line-chart{height:310px}.line-chart svg{height:250px}.ticket-workspace{grid-template-columns:275px minmax(650px,1fr) 355px}.kanban-board{grid-template-columns:repeat(6,minmax(315px,1fr))}.kanban-column{min-width:315px}}@media (width<=1500px){:root{--content-max:1420px}.app-shell{grid-template-columns:238px minmax(0,1fr)}.sidebar-brand img{width:184px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 315px}.dashboard-insights{grid-template-columns:minmax(0,1.35fr) minmax(280px,.7fr)}.donut-layout{grid-template-columns:140px 1fr}.queue-donut{width:140px;height:140px}.queue-donut:after{width:84px;height:84px}.ticket-workspace{grid-template-columns:225px minmax(500px,1fr) 285px}}@media (width<=1250px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar-brand img{width:52px;height:52px}.page-area{padding:26px 22px 48px}.metric-grid.six{grid-template-columns:repeat(3,1fr)}.dashboard-layout{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:1fr 1fr;display:grid;position:static}.dashboard-insights{grid-template-columns:1fr 1fr}.ticket-workspace{grid-template-columns:minmax(500px,1fr) 300px}.ticket-left-rail{grid-column:1/3}.kanban-toolbar{grid-template-columns:1fr auto}.kanban-filters{grid-column:1/-1}.create-layout{grid-template-columns:1fr}.create-sidebar .sticky-card{grid-template-columns:1fr 1fr;display:grid;position:static}.create-sidebar h2{grid-column:1/-1}}@media (width<=950px){.dashboard-insights,.dashboard-tables,.dashboard-rail{grid-template-columns:1fr}.activity-items{grid-template-columns:repeat(3,1fr)}.kanban-toolbar{flex-wrap:wrap;display:flex}.kanban-filters{width:100%;overflow:auto}.ticket-workspace{display:block}.ticket-left-rail,.ticket-right-rail{grid-template-columns:1fr 1fr;display:grid}.ticket-left-rail{margin-bottom:12px}.ticket-right-rail{margin-top:12px}.management-layout,.management-layout.wide-form{grid-template-columns:1fr}.compact-form{position:static}.company-metrics,.billing-metrics{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.app-shell{display:block}.sidebar{width:260px}.page-area{padding:18px 12px 34px}.page-heading h1{font-size:25px}.metric-grid.six{grid-template-columns:1fr 1fr}.dashboard-insights,.dashboard-tables,.dashboard-rail{display:block}.dashboard-insights>.surface,.dashboard-tables>.surface,.dashboard-rail>.surface{margin-bottom:12px}.donut-layout{grid-template-columns:130px 1fr}.activity-items{grid-template-columns:1fr}.kanban-filters select{min-width:140px}.view-switch{margin-left:auto}.ticket-left-rail,.ticket-right-rail{display:block}.ticket-left-rail>.surface,.ticket-right-rail>.surface{margin-bottom:10px}.ticket-title-card h1{font-size:21px}.create-sidebar .sticky-card{display:block}.company-metrics,.billing-metrics,.template-grid,.tariff-grid{grid-template-columns:1fr}}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f6f8fb;--panel:#fff;--panel-2:#f9fbfd;--panel-3:#f1f4f8;--panel-hover:#fff6f7;--input-bg:#fff;--header-bg:#fffffff5;--sidebar-bg:#fff;--sidebar-text:#4f5c6e;--sidebar-strong:#172033;--sidebar-hover:#f5f7fa;--sidebar-active:linear-gradient(90deg,#fff0f1,#fff8f8);--theme-line:#e1e7ee;--theme-line-soft:#edf1f5;--theme-text:#151d2d;--theme-muted:#758196;--theme-shadow:0 12px 34px #1b273a12;--theme-shadow-strong:0 18px 52px #1b273a1f;--purple:#6f3de8;--purple-soft:#f1ecff}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#07111f;--panel:#0d1a2a;--panel-2:#112033;--panel-3:#15253a;--panel-hover:#17293f;--input-bg:#0b1726;--header-bg:#07111ff2;--sidebar-bg:#07111f;--sidebar-text:#aab7ca;--sidebar-strong:#f4f7fb;--sidebar-hover:#101f31;--sidebar-active:linear-gradient(90deg,#6f3de861,#6f3de81f);--theme-line:#22344a;--theme-line-soft:#1a2b40;--theme-text:#eef4fb;--theme-muted:#8fa0b5;--theme-shadow:0 14px 42px #00000047;--theme-shadow-strong:0 24px 72px #00000061;--purple:#8b5cf6;--purple-soft:#8b5cf62e;--accent-soft:#ef334029;--surface:var(--panel);--surface-soft:var(--panel-2);--line:var(--theme-line);--line-strong:#2e435d;--muted:var(--theme-muted);--text:var(--theme-text);--shadow:var(--theme-shadow);--shadow-strong:var(--theme-shadow-strong)}html,body,#root{background:var(--page-bg)}body,.app-shell,.workspace,.page-area{background:var(--page-bg);color:var(--theme-text)}body,.app-shell,.workspace,.topbar,.sidebar,.surface,.metric-card,.ticket-title-card,.kanban-column,.kanban-card,.notification-panel,.form-surface,.compact-form,.tariff-card,.template-card,.login-card,input,textarea,select,button{transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s}.theme-toggle{flex:none;place-items:center;display:grid}.theme-toggle svg{width:18px;height:18px}.login-top-actions{z-index:4;align-items:center;gap:10px;display:flex;position:absolute;top:24px;right:34px}.login-top-actions .login-language{position:static}.login-top-actions .theme-toggle{color:#263142;background:#fff;border:1px solid #e3e7ed;border-radius:11px;width:40px;height:40px;box-shadow:0 6px 18px #1923320f}.login-top-actions .theme-toggle:hover{background:#f8fafc;border-color:#cfd6df}html[data-theme=light] .sidebar{background:var(--sidebar-bg);color:var(--sidebar-strong);border-right:1px solid var(--theme-line);box-shadow:8px 0 32px #1e2a3e0b}html[data-theme=light] .sidebar-brand{border-bottom-color:var(--theme-line)}html[data-theme=light] .sidebar nav a{color:var(--sidebar-text)}html[data-theme=light] .sidebar nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-strong)}html[data-theme=light] .sidebar nav a.active{background:var(--sidebar-active);color:#e41f31;box-shadow:inset 3px 0 0 var(--accent)}html[data-theme=light] .sidebar nav a em{color:#4c586a;background:#edf1f5}html[data-theme=light] .sidebar-footer{border-top-color:var(--theme-line)}html[data-theme=light] .sidebar-footer button{color:#59667a}html[data-theme=light] .sidebar-footer button:hover{color:#172033;background:#f4f6f9}html[data-theme=light] .sidebar-footer small{color:#9aa4b2}.topbar{background:var(--header-bg);border-bottom-color:var(--theme-line);color:var(--theme-text)}.global-search,.search-field,.filters-bar select,.kanban-filters select,.view-switch,.soft-button,.icon-button,.month-picker,input,textarea,select{background:var(--input-bg);border-color:var(--theme-line);color:var(--theme-text)}.global-search,.search-field{box-shadow:none}.global-search span,.global-search kbd,.page-heading p,.surface-head p,.ticket-subject small,.kanban-card>p,.topbar-user small,.description-text{color:var(--theme-muted)}.global-search kbd{background:var(--panel-2);border-color:var(--theme-line);color:var(--theme-muted)}.topbar-user{border-left-color:var(--theme-line)}.surface,.metric-card,.ticket-title-card,.ticket-list-card,.rail-card,.form-surface,.compact-form,.tariff-card,.template-card,.notification-panel,.queue-admin-card,.checklist-card,.worklog-create,.login-help{background:var(--panel);border-color:var(--theme-line);box-shadow:var(--theme-shadow)}.surface-head,.panel-heading,.ticket-tabs,.composer-tabs,.form-actions,.filters-bar,.ticket-table-head,.ticket-table-row,.billing-row,.billing-head,.user-row,.company-row,.recurring-row,.timeline-item>div,.comment-composer,.rail-link,.deadline-list>button,.activity-items>button{border-color:var(--theme-line-soft)}.soft-button:hover,.icon-button:hover,.rail-link:hover,.ticket-table-row:hover,.deadline-list>button:hover{background:var(--panel-hover)}.page-heading h1,.surface-head h2,.rail-card h2,.compact-form h2,.ticket-title-card h1,.kanban-card h3,.template-card h3,.tariff-card h3{color:var(--theme-text)}html[data-theme=dark] .sidebar{background:radial-gradient(circle at 75% 78%,#6f3de81f,#0000 32%),linear-gradient(#06101d 0%,#091523 100%);border-right:1px solid #17283c;box-shadow:10px 0 38px #0000003d}html[data-theme=dark] .sidebar-brand{border-bottom-color:#17283c}html[data-theme=dark] .sidebar nav a{color:var(--sidebar-text)}html[data-theme=dark] .sidebar nav a:hover{background:var(--sidebar-hover);color:#fff}html[data-theme=dark] .sidebar nav a.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 #8b5cf6,0 10px 25px #00000024}html[data-theme=dark] .sidebar nav a em{color:#d5dfeb;background:#1e2b3d}html[data-theme=dark] .sidebar-footer{border-top-color:#17283c}html[data-theme=dark] .sidebar-footer button{color:#9eacbf}html[data-theme=dark] .sidebar-footer button:hover{color:#fff;background:#102034}html[data-theme=dark] .sidebar-footer small{color:#617188}html[data-theme=dark] .topbar{box-shadow:0 1px #ffffff06}html[data-theme=dark] .topbar-user>svg,html[data-theme=dark] .global-search,html[data-theme=dark] .icon-button{color:#9babc0}html[data-theme=dark] .metric-card:after{opacity:.22}html[data-theme=dark] .metric-card.tone-green:after{background:#1b7f46}html[data-theme=dark] .metric-card.tone-blue:after{background:#2366a7}html[data-theme=dark] .metric-card.tone-amber:after{background:#8b6300}html[data-theme=dark] .metric-card.tone-teal:after{background:#137f75}html[data-theme=dark] .metric-card.tone-danger:after{background:#9d2230}html[data-theme=dark] .metric-card small{color:#a5b2c3}html[data-theme=dark] .metric-card em{color:#7f91a7}html[data-theme=dark] .chart-grid-lines i{background:#1d3046}html[data-theme=dark] .chart-days,.donut-legend small{color:#8092a8}html[data-theme=dark] .queue-donut:after{background:#0d1a2a;box-shadow:0 0 0 1px #25384e}html[data-theme=dark] .queue-donut small{color:#8fa0b5}html[data-theme=dark] .load-track,.sla-track{background:#1c2e43}html[data-theme=dark] .rail-link{background:var(--panel);border-top-color:var(--theme-line);color:#7da7ff}html[data-theme=dark] .deadline-list>button{background:var(--panel)}html[data-theme=dark] .deadline-list small{color:#dce5f0}html[data-theme=dark] .ticket-table-head{color:#8fa0b5;background:#0b1726}html[data-theme=dark] .ticket-table-row:hover{background:#13243a;box-shadow:inset 3px 0 #8b5cf6}html[data-theme=dark] .filters-bar{background:#0b1726}html[data-theme=dark] .summary-pills button{color:#a9b7c9;background:#0f1e30;border-color:#24374d}html[data-theme=dark] .summary-pills button.active{color:#fff;background:#3e267b;border-color:#6f3de8}html[data-theme=dark] .view-switch button{color:#8fa0b5;background:#0d1a2a}html[data-theme=dark] .view-switch button+button{border-left-color:#23364b}html[data-theme=dark] .view-switch button.active{color:#fff;background:#3b2772}html[data-theme=dark] .kanban-column{background:#0a1625;border-color:#23364b}html[data-theme=dark] .kanban-column>header{background:#0e1b2c;border-bottom-color:#23364b}html[data-theme=dark] .kanban-column>header>b{color:#c7d2df;background:#182a40}html[data-theme=dark] .kanban-card{background:linear-gradient(#122238 0%,#0e1c2d 100%);border-color:#263a52;box-shadow:0 8px 20px #0000002e}html[data-theme=dark] .kanban-card:hover{border-color:#415a76;box-shadow:0 16px 34px #00000047}html[data-theme=dark] .kanban-card footer{color:#8da0b7;border-top-color:#24374d}html[data-theme=dark] .kanban-tags span{color:#bba5ff;background:#6f3de833}html[data-theme=dark] .template-strip{background:#101d2e;border-color:#293c52}html[data-theme=dark] .upload-zone,.info-note,.empty-state>span{background:#101e31;border-color:#2a3c52}html[data-theme=dark] .form-surface>label,html[data-theme=dark] .form-surface .form-grid label,html[data-theme=dark] .create-sidebar label,html[data-theme=dark] .compact-form>label,html[data-theme=dark] .tariff-card label{color:#b8c4d3}html[data-theme=dark] .ticket-contact-pills span{color:#b7c4d4;background:#14243a}html[data-theme=dark] .timeline-item>div{background:#101f32;border-color:#263a51}html[data-theme=dark] .comment-composer{background:#0d1a2a;border-color:#25384e}html[data-theme=dark] .comment-composer textarea{color:#eef4fb;background:#0a1625}html[data-theme=dark] .quick-actions button,.admin-tabs button,.text-button,.mini-add{color:#c0ccda;background:#101f32;border-color:#263a51}html[data-theme=dark] .quick-actions button:hover,.admin-tabs button:hover,.admin-tabs button.active{color:#fff;background:#3d2775;border-color:#6f3de8}html[data-theme=dark] .company-row:hover,html[data-theme=dark] .user-row:hover,html[data-theme=dark] .billing-row:hover{background:#122238}html[data-theme=dark] .billing-head,html[data-theme=dark] .ticket-table-head{color:#8fa0b5}html[data-theme=dark] .notification-list button{color:#e7eef7;background:#0d1a2a;border-color:#21334a}html[data-theme=dark] .notification-list button:hover,html[data-theme=dark] .notification-list button.unread{background:#13243a}html[data-theme=dark] .screen-loader{background:#07111f}html[data-theme=dark] .page-skeleton span,html[data-theme=dark] .table-skeleton span{background:linear-gradient(90deg,#0d1a2a,#14243a,#0d1a2a) 0 0/200% 100%}html[data-theme=light] .login-page{background:#fff}html[data-theme=light] .login-visual{color:#161d2d;background:radial-gradient(circle at 78% 74%,#ef334013,#0000 32%),linear-gradient(150deg,#fff 0%,#fbfcfe 58%,#f7f9fc 100%);border-right:1px solid #edf0f4}html[data-theme=light] .login-visual:before{background:repeating-linear-gradient(125deg,#0000 0 48px,#ef334009 49px 50px)}html[data-theme=light] .login-copy>p{color:#667286}html[data-theme=light] .login-contact-grid>div>svg{background:#fff;border:1px solid #e7ebf0;box-shadow:0 8px 22px #1a263a0f}html[data-theme=light] .login-contact-grid small{color:#768195}html[data-theme=light] .login-preview{background:#fffc;border-color:#e4e9ef;box-shadow:0 18px 45px #18233414}html[data-theme=light] .preview-head{color:#3b4657}.login-preview .preview-metrics>div{background:#f7f9fc}.login-preview .preview-metrics span{color:#738094}html[data-theme=dark] .login-form-side{color:#151820;background:radial-gradient(circle at 100% 100%,#fff0f1,#0000 36%),#fafafa}html[data-theme=dark] .login-card{color:#151820;background:#fff;border-color:#e6e8ed;box-shadow:0 22px 60px #080e182e}html[data-theme=dark] .login-card input{color:#222832;background:#fff;border-color:#dfe3e8}html[data-theme=dark] .login-help{color:#151820;box-shadow:none;background:#fafafa;border-color:#e9ebef}html[data-theme=dark] .login-top-actions .theme-toggle{color:#263142;background:#fff;border-color:#e3e7ed}@media (width>=2600px){:root{--content-max:3000px}.app-shell{grid-template-columns:330px minmax(0,1fr)}.sidebar{padding:28px 20px 22px}.sidebar-brand{height:98px}.sidebar-brand img{width:255px;max-height:68px}.sidebar nav a{border-radius:13px;min-height:58px;padding-inline:18px;font-size:17px}.sidebar nav a svg{width:23px;height:23px}.topbar{gap:18px;height:92px;padding-inline:42px}.global-search{min-width:520px;max-width:760px;height:54px}.topbar-user{min-width:260px}.page-area{padding:44px 48px 76px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:40px}.page-heading p{font-size:16px}.button{border-radius:12px;height:52px;font-size:15px}.icon-button{width:48px;height:48px}.soft-button{height:48px;font-size:14px}.metric-grid.six{gap:18px}.metric-card{min-height:156px;padding:24px}.metric-card b{font-size:42px}.metric-card small{font-size:14px}.metric-card em{font-size:13px}.metric-icon{width:52px;height:52px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 460px;gap:22px}.dashboard-primary,.dashboard-rail,.dashboard-insights,.dashboard-tables{gap:22px}.dashboard-chart-card,.dashboard-donut-card{min-height:470px}.line-chart{height:360px}.line-chart svg{height:295px}.queue-donut{width:210px;height:210px}.queue-donut:after{width:128px;height:128px}.ticket-workspace{grid-template-columns:335px minmax(850px,1fr) 410px;gap:20px}.ticket-title-card{padding:26px 30px}.ticket-title-card h1{font-size:36px}.rail-card{padding:22px}.kanban-board{grid-template-columns:repeat(6,minmax(390px,1fr));gap:15px}.kanban-column{min-width:390px}.kanban-card{padding:18px}.kanban-card h3{font-size:16px}.kanban-card>p{font-size:13px}.create-layout{grid-template-columns:minmax(0,1fr) 460px;gap:24px;max-width:2200px}.form-surface{padding:30px}.form-surface input,.form-surface select,.create-sidebar input,.create-sidebar select{height:54px;font-size:15px}.management-layout{grid-template-columns:minmax(0,1fr) 430px}.management-layout.wide-form{grid-template-columns:minmax(0,1fr) 460px}}@media (width>=3400px){:root{--content-max:3380px}body{zoom:1.08}}@media (width<=720px){.login-top-actions{top:14px;right:14px}.theme-toggle{flex:none}}:root,html[data-theme=light]{--page-bg:#f7f8fb;--panel:#fff;--panel-2:#fafbfc;--panel-3:#f3f5f8;--panel-hover:#fff7f8;--input-bg:#fff;--header-bg:#fffffff7;--sidebar-bg:#fff;--sidebar-text:#667084;--sidebar-strong:#171d2b;--sidebar-hover:#f5f6f8;--sidebar-active:linear-gradient(90deg,#fff0f1 0%,#fff9f9 100%);--theme-line:#e7eaf0;--theme-line-soft:#eff1f5;--theme-text:#171d2b;--theme-muted:#7c8595;--theme-shadow:0 7px 24px #1b24340b;--theme-shadow-strong:0 20px 56px #1c263a1a;--accent:#ef233c;--accent-dark:#d9132c;--accent-soft:#fff0f2;--radius:12px;--content-max:1680px}html[data-theme=light] body{background:var(--page-bg);font-size:14px}html[data-theme=light] .app-shell{grid-template-columns:220px minmax(0,1fr)}html[data-theme=light] .sidebar{border-right:1px solid #e8ebf0;padding:18px 12px 14px;box-shadow:4px 0 18px #1f2b4006}html[data-theme=light] .sidebar-brand{border-bottom:1px solid #edf0f4;height:66px;padding:0 8px 16px}html[data-theme=light] .sidebar-brand img{width:166px;max-height:45px}html[data-theme=light] .sidebar nav{gap:4px;margin-top:15px}html[data-theme=light] .sidebar nav a{border-radius:8px;gap:11px;min-height:42px;padding:0 12px;font-size:12px;font-weight:600}html[data-theme=light] .sidebar nav a svg{width:17px;height:17px}html[data-theme=light] .sidebar nav a.active{color:#e91632;background:linear-gradient(90deg,#fff0f2 0%,#fff8f9 100%);box-shadow:inset 3px 0 #ef233c}html[data-theme=light] .sidebar nav a.active svg{stroke-width:2.2px}html[data-theme=light] .sidebar-footer{padding-top:12px}html[data-theme=light] .sidebar-footer button{height:36px;font-size:11px}html[data-theme=light] .sidebar-footer small{color:#a2a9b4;font-size:9px}html[data-theme=light] .topbar{border-bottom:1px solid #e9ecf1;gap:11px;height:64px;padding:0 24px;box-shadow:0 1px 8px #1e283c06}html[data-theme=light] .global-search{background:#fafbfc;border-color:#e6eaf0;border-radius:8px;min-width:300px;max-width:650px;height:38px}html[data-theme=light] .global-search span{color:#8a92a0;font-size:11px}html[data-theme=light] .global-search kbd{font-size:9px}html[data-theme=light] .topbar-user{min-width:188px}html[data-theme=light] .topbar-user b{font-size:11px}html[data-theme=light] .topbar-user small{font-size:9px}html[data-theme=light] .avatar{background:linear-gradient(145deg,#f02b42,#c9142d);box-shadow:0 5px 14px #ef233c33}html[data-theme=light] .icon-button{border-color:#e5e8ee;border-radius:8px}html[data-theme=light] .page-area{padding:23px 25px 46px}html[data-theme=light] .page-area>div{width:min(100%,var(--content-max));margin-inline:auto}html[data-theme=light] .page-heading{align-items:center;margin-bottom:18px}html[data-theme=light] .page-heading h1{letter-spacing:-.7px;color:#161c2a;font-size:27px;font-weight:750}html[data-theme=light] .page-heading p{color:#858d9b;margin-top:5px;font-size:11px}html[data-theme=light] .eyebrow{letter-spacing:1.45px;margin-bottom:5px;font-size:8px}html[data-theme=light] .button{border-radius:8px;height:38px;padding-inline:14px;font-size:11px;font-weight:700}html[data-theme=light] .button.primary{background:#ed1733;box-shadow:0 7px 17px #ed173329}html[data-theme=light] .button.primary:hover{background:#db102b;transform:translateY(-1px)}html[data-theme=light] .button.ghost{color:#313a49;background:#fff;border-color:#dfe4ea}html[data-theme=light] .soft-button{border-radius:7px;height:34px;font-size:10px}html[data-theme=light] .surface{border:1px solid #e8ebf0;border-radius:11px;box-shadow:0 6px 22px #1a233409}html[data-theme=light] .surface-head{padding:16px 17px 12px}html[data-theme=light] .surface-head h2{font-size:12px;font-weight:750}html[data-theme=light] .surface-head p{margin-top:3px;font-size:9px}.login-page{color:#171d2b;background:#fff;grid-template-columns:minmax(650px,1.08fr) minmax(520px,.92fr);min-height:100vh}.login-visual{color:#171d2b;background:linear-gradient(112deg,#0000 0 94%,#141c2a09 94.1% 94.3%,#0000 94.4%),linear-gradient(145deg,#fff 0%,#fdfefe 58%,#f9fbfd 100%);border-right:1px solid #eef0f4;padding:34px 48px 0}.login-visual:before{background:radial-gradient(circle at 22% 44%,#ef233c12,#0000 14%),repeating-linear-gradient(128deg,#0000 0 54px,#ef233c09 55px 56px);height:58%;bottom:-20%;left:-10%;right:-5%;transform:none}.login-dark-logo{filter:none;width:238px;max-height:62px}.login-copy{max-width:720px;margin:54px 0 0}.login-kicker{color:#ef233c;font-size:14px}.login-copy h1{letter-spacing:-1.25px;margin:14px 0 16px;font-size:42px;font-weight:760;line-height:1.13}.login-copy h1 strong{color:#ef233c}.login-copy>p{color:#657083;max-width:640px;margin:0;font-size:13px;line-height:1.7}.login-contact-grid{gap:16px 22px;max-width:700px;margin-top:28px}.login-contact-grid>div{gap:11px}.login-contact-grid>div>svg{color:#ef233c;background:#fff;border:1px solid #e8ebf0;border-radius:11px;width:44px;height:44px;padding:11px;box-shadow:0 10px 26px #1b263a11}.login-contact-grid>div:nth-child(2)>svg{color:#249bd7}.login-contact-grid>div:nth-child(3)>svg{color:#6c55e8}.login-contact-grid>div:nth-child(4)>svg{color:#20b655}.login-contact-grid>div:nth-child(5)>svg{color:#43c76c}.login-contact-grid b{color:#1c2230;font-size:11px}.login-contact-grid small{color:#7b8594;margin-top:4px;font-size:8px}.login-illustration{pointer-events:none;z-index:1;height:44%;position:absolute;bottom:0;left:12px;right:0;overflow:hidden}.login-illustration img{object-fit:cover;object-position:left bottom;mix-blend-mode:multiply;opacity:.96;width:100%;height:100%}.login-form-side{background:radial-gradient(circle at 95% 94%,#ef233c0e,#0000 32%),#fbfcfd;padding:38px}.login-form-stack{flex-direction:column;gap:16px;width:min(500px,100%);display:flex}.login-card{border:1px solid #e4e8ed;border-radius:15px;width:100%;padding:28px 34px 30px;box-shadow:0 24px 64px #1822351a}.login-card>img{width:225px;max-height:66px}.login-card h2{margin:16px 0 5px;font-size:22px}.login-card>p{color:#7b8493;margin-bottom:21px;font-size:10px;line-height:1.55}.login-card label{color:#3c4554;gap:6px;margin-bottom:13px}.field-label{justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.field-label button{color:#ef233c;background:0 0;border:0;padding:0;font-size:9px}.input-shell{background:#fff;border:1px solid #dfe4ea;border-radius:8px;align-items:center;gap:9px;height:42px;padding:0 11px;transition:all .18s;display:flex}.input-shell:focus-within{border-color:#ee6a7c;box-shadow:0 0 0 3px #ef233c13}.input-shell svg{color:#7e8795;flex:none;width:15px}.login-card .input-shell input{background:0 0;width:100%;height:auto;padding:0;font-size:11px;box-shadow:none!important;border:0!important}.remember-row{color:#7b8492!important;flex-direction:row!important;align-items:center!important;gap:7px!important;margin-top:1px!important;font-size:9px!important;font-weight:500!important;display:flex!important}.remember-row input{accent-color:#ef233c;width:14px!important;height:14px!important;padding:0!important}.login-card .button.primary{height:42px;margin-top:2px}.login-divider{color:#9aa2ad;align-items:center;gap:10px;margin:16px 0;font-size:9px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5e8ed;flex:1;height:1px}.sso-button{height:40px!important}.login-help{box-shadow:none;border-radius:11px;margin:0;padding:14px 16px;display:flex}.login-help>svg{width:22px}.login-help b{font-size:10px}.login-help small{font-size:8px}.login-help>button{color:#ef233c;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;font-size:9px;font-weight:700;display:flex}.login-help>button svg{width:13px}.login-security{color:#788291;align-items:center;gap:9px;margin-top:0;display:flex}.login-security>span{flex-direction:column;align-items:flex-start;display:flex}.login-security b{color:#5d6878;font-size:9px;font-weight:650}.login-security small{margin-top:2px;font-size:8px}.login-top-actions{top:20px;right:27px}.login-top-actions .theme-toggle{border-radius:9px;width:34px;height:34px}.login-language{font-size:10px}html[data-theme=light] .metric-grid{gap:10px;margin-bottom:13px}html[data-theme=light] .metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}html[data-theme=light] .metric-card{border-color:#e8ebf0;border-radius:10px;gap:10px;min-height:104px;padding:14px 13px;position:relative;overflow:hidden;box-shadow:0 5px 18px #1e273808}html[data-theme=light] .metric-card:after{content:"";opacity:.07;background:#ef233c;border-radius:50%;width:76px;height:50px;position:absolute;bottom:-17px;right:-16px}html[data-theme=light] .metric-icon{border-radius:9px;width:35px;height:35px}html[data-theme=light] .metric-icon svg{width:17px}html[data-theme=light] .metric-card small{color:#717b8a;font-size:9px}html[data-theme=light] .metric-card b{color:#171d2b;margin-top:7px;font-size:25px}html[data-theme=light] .metric-card em{color:#8c95a2;margin-top:7px;font-size:8px}html[data-theme=light] .metric-sparkline{opacity:.75;align-items:flex-end;gap:3px;width:52px;height:25px;display:flex;position:absolute;bottom:12px;right:11px}html[data-theme=light] .metric-sparkline i{background:#ef233c;border-radius:4px 4px 0 0;width:7px}html[data-theme=light] .metric-sparkline i:first-child{height:25%}.metric-sparkline i:nth-child(2){height:55%}.metric-sparkline i:nth-child(3){height:39%}.metric-sparkline i:nth-child(4){height:72%}.metric-sparkline i:nth-child(5){height:58%}html[data-theme=light] .dashboard-layout{grid-template-columns:minmax(0,1fr) 290px;gap:12px}html[data-theme=light] .dashboard-primary{gap:12px}html[data-theme=light] .dashboard-insights{grid-template-columns:minmax(0,1.48fr) minmax(270px,.62fr);gap:12px}html[data-theme=light] .dashboard-tables{gap:12px}html[data-theme=light] .line-chart svg{height:190px}html[data-theme=light] .dashboard-chart-card,html[data-theme=light] .dashboard-donut-card{min-height:292px}html[data-theme=light] .dashboard-rail{gap:12px}html[data-theme=light] .queue-load-card,html[data-theme=light] .deadline-card{min-height:0}html[data-theme=light] .queue-donut{width:125px;height:125px}html[data-theme=light] .queue-donut:after{width:72px;height:72px}html[data-theme=light] .donut-layout{grid-template-columns:125px 1fr;padding:8px 17px 20px}html[data-theme=light] .compact-table{padding-inline:12px}html[data-theme=light] .table-head{color:#9aa2ae;font-size:8px}html[data-theme=light] .table-row{min-height:39px;font-size:9px}html[data-theme=light] .activity-items>button{min-height:70px}html[data-theme=light] .summary-pills{gap:6px;margin-bottom:11px}html[data-theme=light] .summary-pills button{background:#fff;border-color:#e4e8ed;border-radius:7px;height:34px;font-size:10px}html[data-theme=light] .summary-pills button.active{color:#e21731;background:#fff0f2;border-color:#f4cbd1;box-shadow:inset 0 0 0 1px #ef233c0a}html[data-theme=light] .summary-pills button.active b{color:#fff;background:#ef233c}html[data-theme=light] .ticket-list-card{border-radius:11px}html[data-theme=light] .filters-bar{background:#fbfcfd;padding:11px 12px}html[data-theme=light] .search-field{border-radius:7px;min-width:320px;height:36px}html[data-theme=light] .filters-bar select,html[data-theme=light] .kanban-toolbar select{border-radius:7px;height:36px;font-size:10px}html[data-theme=light] .ticket-table{padding:0 10px 10px}html[data-theme=light] .ticket-table-head,html[data-theme=light] .ticket-table-row{grid-template-columns:78px minmax(260px,1.6fr) minmax(125px,.75fr) 125px 105px 140px 95px;gap:10px}html[data-theme=light] .ticket-table-head{background:#fff;padding:11px 9px;font-size:8px}html[data-theme=light] .ticket-table-row{background:#fff;border-radius:6px;padding:12px 9px;font-size:9px}html[data-theme=light] .ticket-table-row:hover{background:#fff8f9;transform:none;box-shadow:inset 3px 0 #ef233c}html[data-theme=light] .ticket-subject strong{font-size:10px}html[data-theme=light] .ticket-subject small{font-size:8px}html[data-theme=light] .status-badge{border-radius:6px;min-height:22px;padding-inline:7px;font-size:8px}html[data-theme=light] .kanban-toolbar{background:#fff;border:1px solid #e7eaf0;border-radius:10px;margin-bottom:11px;padding:10px 11px;box-shadow:0 5px 18px #1e283a06}html[data-theme=light] .kanban-toolbar .search-field{max-width:360px}html[data-theme=light] .view-switch{border-radius:7px;height:36px}html[data-theme=light] .view-switch button{font-size:9px}html[data-theme=light] .view-switch button.active{color:#e21731;background:#fff0f2}html[data-theme=light] .kanban-board{grid-template-columns:repeat(6,minmax(270px,1fr));gap:9px;padding-bottom:16px}html[data-theme=light] .kanban-column{background:#f4f6f9;border-color:#e4e8ed;border-radius:10px;min-width:270px;min-height:610px;padding:7px}html[data-theme=light] .kanban-column>header{border-bottom:1px solid #e4e8ed;margin-bottom:7px;padding:5px 5px 10px}html[data-theme=light] .kanban-column>header>b{color:#657080;background:#fff}html[data-theme=light] .kanban-card{border-color:#e0e4ea;border-radius:9px;padding:11px;box-shadow:0 4px 13px #1c253609}html[data-theme=light] .kanban-card:hover{border-color:#f1aab4;box-shadow:0 9px 22px #1e273a12}html[data-theme=light] .kanban-card h3{margin:8px 0 5px;font-size:11px}html[data-theme=light] .kanban-card footer{gap:8px}html[data-theme=light] .kanban-add{color:#e21731;background:#ffffff85;border:1px dashed #dfe4ea;border-radius:8px;justify-content:center;margin-top:7px}html[data-theme=light] .create-layout{grid-template-columns:minmax(0,1fr) 350px;gap:14px;max-width:1380px}html[data-theme=light] .form-surface{padding:21px 22px}html[data-theme=light] .form-surface input,html[data-theme=light] .form-surface select,html[data-theme=light] .compact-form input,html[data-theme=light] .compact-form select{border-radius:7px;height:40px;font-size:10px}html[data-theme=light] .form-surface textarea,html[data-theme=light] .compact-form textarea{border-radius:7px;font-size:10px}html[data-theme=light] .management-layout{grid-template-columns:minmax(0,1fr) 335px;gap:13px}html[data-theme=light] .management-layout.wide-form{grid-template-columns:minmax(0,1fr) 350px}html[data-theme=light] .company-metrics,html[data-theme=light] .billing-metrics{grid-template-columns:repeat(3,minmax(190px,230px));gap:10px;margin-bottom:12px}html[data-theme=light] .company-metrics>div{border-color:#e7eaf0;border-radius:10px;min-height:72px;box-shadow:0 5px 18px #1e283a06}html[data-theme=light] .company-row{border-radius:7px;min-height:62px;padding:9px 12px}html[data-theme=light] .company-row:hover{background:#fff8f9}html[data-theme=light] .company-logo{color:#fff;background:linear-gradient(145deg,#ef3340,#d9142d);box-shadow:0 6px 16px #ef334024}html[data-theme=light] .compact-form{border-radius:11px;padding:19px}html[data-theme=light] .compact-form h2{margin-bottom:17px;font-size:14px}html[data-theme=light] .admin-tabs{border-bottom:1px solid #e8ebf0;gap:5px;margin-bottom:12px}html[data-theme=light] .admin-tabs button{color:#6f7988;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;height:39px;font-size:10px}html[data-theme=light] .admin-tabs button.active{color:#e21731;background:0 0;border-bottom-color:#ef233c}html[data-theme=light] .user-row{border-radius:7px;min-height:61px;padding:9px 11px}html[data-theme=light] .user-row:hover{background:#fff8f9}html[data-theme=light] .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-theme=light] .template-card{border-color:#e6eaf0;border-radius:10px;min-height:215px;padding:16px;box-shadow:0 5px 18px #1e283a09}html[data-theme=light] .tariff-card{border-radius:10px}html[data-theme=light] .ticket-title-card{border-radius:11px;margin-bottom:12px;padding:18px 20px}html[data-theme=light] .ticket-title-card h1{font-size:24px}html[data-theme=light] .ticket-workspace{grid-template-columns:235px minmax(560px,1fr) 300px;gap:12px}html[data-theme=light] .rail-card{border-radius:10px;padding:15px}html[data-theme=light] .ticket-main-column{border-radius:11px;min-height:680px}html[data-theme=light] .ticket-tabs{height:48px}html[data-theme=light] .ticket-tabs button{height:48px;font-size:9px}html[data-theme=light] .timeline-item>div{background:#fff;border-radius:9px}html[data-theme=light] .comment-composer{background:#fbfcfd;border-radius:9px}html[data-theme=light] .empty-state{background:linear-gradient(#fcfdfe,#f9fafc);border:1px dashed #dfe4eb;border-radius:10px;min-height:220px;margin:12px;padding:34px}html[data-theme=light] .empty-state.compact{min-height:130px;margin:8px;padding:22px}html[data-theme=light] .empty-state>span{color:#ef233c;background:#fff0f2;border:1px solid #f5cfd5;border-radius:13px;width:48px;height:48px;box-shadow:0 8px 20px #ef233c14}html[data-theme=light] .empty-state b{margin-top:11px;font-size:12px}html[data-theme=light] .empty-state p{color:#8a93a0;text-align:center;max-width:300px;font-size:9px}@media (width>=1900px){html[data-theme=light] .page-area{padding-inline:34px}html[data-theme=light] .app-shell{grid-template-columns:240px minmax(0,1fr)}html[data-theme=light] .sidebar-brand img{width:182px}.login-copy h1{font-size:48px}.login-copy>p{font-size:14px}}@media (width<=1250px){html[data-theme=light] .app-shell{grid-template-columns:82px minmax(0,1fr)}html[data-theme=light] .sidebar-brand img{object-fit:cover;object-position:left;width:52px;height:52px}html[data-theme=light] .metric-grid.six{grid-template-columns:repeat(3,1fr)}.login-page{grid-template-columns:1fr 500px}.login-visual{padding-inline:34px}.login-copy h1{font-size:37px}}@media (width<=950px){.login-page{background:#f7f8fb;padding:18px;display:block}.login-visual{display:none}.login-form-side{min-height:calc(100vh - 36px);padding:24px}.login-form-stack{margin:auto}}@media (width<=720px){html[data-theme=light] .page-area{padding:16px 10px 30px}html[data-theme=light] .metric-grid.six{grid-template-columns:1fr 1fr}html[data-theme=light] .ticket-workspace{display:block}.login-page{padding:0}.login-form-side{min-height:100vh;padding:18px 12px}.login-form-stack{gap:10px}.login-card{padding:25px 20px}.login-help{padding:12px}.login-help>button{font-size:0}.login-help>button svg{display:block}}html[data-theme=light] .kanban-empty{text-align:center;color:#9aa3af;background:#ffffff9e;border:1px dashed #dce2e9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:128px;padding:14px;display:flex}html[data-theme=light] .kanban-empty svg{color:#c1c7d0;width:20px;margin-bottom:8px}html[data-theme=light] .kanban-empty span{color:#7c8593;font-size:9px;font-weight:700}html[data-theme=light] .kanban-empty small{max-width:150px;margin-top:4px;font-size:7px;line-height:1.45}