:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172033;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{background:#111a2d;color:#dbe3f1;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:18px;padding:4px 9px 28px}.brand>span,.login-logo{display:grid;place-items:center;background:#2d6cdf;color:#fff;width:38px;height:38px;border-radius:11px}.brand small,.profile small{display:block;color:#8390a8;font-weight:500;font-size:11px;margin-top:2px}nav{display:grid;gap:5px}nav a,.aside-bottom>a,.aside-bottom>button{display:flex;gap:11px;align-items:center;color:#9fabc0;text-decoration:none;border:0;background:none;padding:11px 12px;border-radius:9px;width:100%;font-size:14px}nav a.router-link-active,nav a:hover,.aside-bottom a:hover,.aside-bottom button:hover{background:#1d2940;color:#fff}svg{width:18px;height:18px}.aside-bottom{margin-top:auto;display:grid;gap:5px}.profile{border-top:1px solid #263149;margin-top:12px;padding:18px 8px 4px;display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2d6cdf;font-weight:800}main{min-width:0}.topbar{height:92px;background:#fff;border-bottom:1px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbar h1{margin:0;font-size:23px}.topbar p{margin:5px 0 0;color:#778196;font-size:13px}.primary,.secondary{border:0;border-radius:9px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.primary{background:#2367d1;color:#fff}.secondary{background:#fff;color:#344054;border:1px solid #d8dde7}.content{padding:27px 34px}.content.narrow{max-width:1050px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.cards article{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:19px 21px}.cards span,.cards small{display:block;color:#788397;font-size:12px}.cards strong{display:block;font-size:30px;margin:7px 0 4px}.inbox-tabs{display:flex;gap:5px;margin-bottom:13px}.inbox-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 13px;color:#69758a}.inbox-tabs button.active{background:#e5edfb;color:#1e5fc1;font-weight:700}.inbox-tabs i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.panel{background:#fff;border:1px solid #e2e6ed;border-radius:12px;overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid #e9ecf1;display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:16px;margin:0}.panel-head span{font-size:11px;color:#8a94a6}.search{display:flex;align-items:center;border:1px solid #dfe3ea;border-radius:8px;padding:7px 10px;width:300px}.search input{border:0;outline:0;width:100%;margin-left:7px;font-size:12px}.ticket-row{display:grid;grid-template-columns:9px 1fr 185px 20px;gap:14px;align-items:center;padding:15px 20px;border-bottom:1px solid #eef0f4;color:inherit;text-decoration:none}.ticket-row:hover{background:#f8faff}.status-dot{width:8px;height:8px;border-radius:50%;background:#9aa4b4}.status-dot.high{background:#f59e0b}.status-dot.urgent{background:#e53935}.ticket-main>div{display:flex;align-items:center;gap:8px}.ticket-main b{font-size:13px}.ticket-main>strong{display:block;font-size:13px;margin:4px 0;font-weight:600}.ticket-main small,.ticket-meta span{color:#8a94a6;font-size:11px}.badge{font-size:10px!important;padding:3px 6px;border-radius:5px;font-weight:800}.ticket-meta{text-align:right}.ticket-meta b{display:block;font-size:12px}.ticket-meta span{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:4px 0}.ticket-meta span svg{width:12px}.ticket-meta em{font-style:normal;font-size:10px;color:#556176;text-transform:capitalize}.empty{text-align:center;padding:60px;color:#8a94a6}.empty svg{width:35px;height:35px}.ticket-page{height:100vh;display:flex;flex-direction:column}.ticket-head{height:92px;background:#fff;border-bottom:1px solid #e3e7ee;display:flex;align-items:center;padding:0 25px;gap:15px}.ticket-head>a{color:#526075}.ticket-head>div{flex:1}.ticket-head h1{margin:5px 0 0;font-size:18px}.ticket-head b{font-size:11px;margin-left:9px;color:#727e92}.icon{border:1px solid #dfe3ea;background:#fff;border-radius:8px;padding:8px}.ticket-grid{display:grid;grid-template-columns:1fr 280px;min-height:0;flex:1}.conversation{padding:24px 30px;overflow:auto}.details{background:#fff;color:#172033;border-left:1px solid #e3e7ee;padding:22px}.details h3{font-size:13px;margin:0 0 14px}.details label{display:grid;gap:6px;font-size:11px;color:#7c8799;margin-bottom:13px}.details select{border:1px solid #dce1e8;padding:8px;border-radius:7px;background:#fff;color:#273246;font-size:12px}.details hr{border:0;border-top:1px solid #e8ebef;margin:21px 0}.detail-line{display:flex;gap:10px;margin:14px 0;font-size:12px}.detail-line svg{color:#7b879b}.detail-line small{display:block;color:#8b95a6;margin-top:3px}.message{display:flex;gap:11px;max-width:850px;margin:0 auto 19px}.message-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#dbe8fc;color:#2563eb;font-weight:800}.message-body{background:#fff;border:1px solid #e1e6ed;border-radius:10px;padding:14px 16px;flex:1}.message.internal .message-body{background:#fff8d9;border-color:#f2df93}.message.internal .message-avatar{background:#fff0ad;color:#8a6800}.message-top{display:flex;justify-content:space-between;font-size:12px}.message-top time{color:#909aab;font-size:10px}.message-html{font-size:13px;line-height:1.6;color:#374358}.reply-box{max-width:850px;margin:28px auto 10px;background:#fff;border:1px solid #d9dfe8;border-radius:11px;overflow:hidden;box-shadow:0 4px 16px #1720330a}.reply-box.internal{border-color:#e8cc66}.reply-tabs{height:43px;display:flex;align-items:center;border-bottom:1px solid #e7eaf0;padding:0 9px}.reply-tabs button{height:100%;border:0;background:none;color:#748095;font-size:12px;padding:0 10px}.reply-tabs button.active{color:#2563eb;border-bottom:2px solid #2563eb;font-weight:700}.reply-tabs button svg{width:14px;vertical-align:middle;margin-right:5px}.reply-tabs .cc-toggle{margin-left:auto}.cc-fields{padding:8px 13px;border-bottom:1px solid #e7eaf0}.cc-fields label{display:flex;align-items:center;gap:10px;color:#8893a5;font-size:11px}.cc-fields input{flex:1;border:0;outline:0;padding:5px}.toolbar{display:flex;padding:7px 10px;border-bottom:1px solid #eef0f4}.toolbar button{border:0;background:none;padding:5px;color:#68758a}.toolbar button.on{background:#e7effc;color:#2367d1}.toolbar i{border-left:1px solid #dfe3e8;margin:4px 6px}.editor-content{min-height:145px;padding:12px 16px;outline:none;font-size:13px}.reply-actions{border-top:1px solid #eaedf2;padding:10px 12px;display:flex;align-items:center;gap:12px}.reply-actions .attach{border:0;background:none;display:flex;gap:6px;color:#637085}.reply-actions small{color:#9aa4b4;flex:1}.inbox-setting{display:grid;grid-template-columns:48px 1fr 150px 160px;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid #e8ebf0}.inbox-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.inbox-setting h3{margin:0;font-size:14px}.inbox-setting h3 span{font-size:10px;background:#edf1f6;border-radius:5px;padding:3px 6px;margin-left:5px}.inbox-setting p{margin:4px 0 0;color:#8490a2;font-size:12px}.connection{display:flex;gap:6px;align-items:center;color:#8994a5;font-size:11px}.connection.ok{color:#198754}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111a2d,#1b3767)}.login-card{width:390px;background:#fff;border-radius:16px;padding:34px;box-shadow:0 24px 60px #0004}.login-logo{margin:0 auto 18px}.login-card h1{text-align:center;font-size:22px;margin:0}.login-card>p{text-align:center;color:#7b8799;font-size:13px;margin-bottom:25px}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:14px 0}.login-card input{border:1px solid #d8dee7;border-radius:8px;padding:11px}.login-card .primary{width:100%;justify-content:center;margin-top:20px}.error{background:#feecec;color:#b42318;padding:9px;border-radius:7px;font-size:12px}@media(max-width:900px){.shell{grid-template-columns:72px 1fr}.brand>div,nav a:not(.router-link-active){font-size:0}.brand{padding-left:0}.brand>span{flex:none}.aside-bottom .profile>div:last-child,.aside-bottom a,.aside-bottom button{font-size:0}.cards,.ticket-grid{grid-template-columns:1fr}.details{display:none}.ticket-row{grid-template-columns:8px 1fr}.ticket-meta,.ticket-row>svg{display:none}}.modal-backdrop{position:fixed;inset:0;background:#11182780;display:grid;place-items:center;z-index:50}.mini-modal{background:#fff;border-radius:12px;padding:22px;width:390px;box-shadow:0 20px 60px #0004}.mini-modal h3{margin:0 0 18px}.mini-modal label{display:grid;gap:7px;font-size:12px;color:#667085}.mini-modal input{border:1px solid #d8dee7;border-radius:8px;padding:10px}.mini-modal>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.admin-modal{background:#fff;border-radius:14px;width:min(620px,94vw);padding:24px;box-shadow:0 22px 70px #0005;max-height:90vh;overflow:auto}.modal-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-title h2{margin:0;font-size:20px}.modal-title p{margin:5px 0 0;color:#7c8799;font-size:12px}.close{border:0;background:none;font-size:28px;color:#7c8799}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-modal label{display:grid;gap:7px;color:#657186;font-size:12px}.admin-modal input,.admin-modal select{border:1px solid #d8dee7;border-radius:8px;padding:10px;background:#fff}.admin-modal input[type=color]{padding:3px;height:39px;width:100%}.admin-modal .check{display:flex;align-items:center;gap:8px;margin-top:15px}.admin-modal .check input{width:16px;height:16px}.admin-modal .check i{width:8px;height:8px;border-radius:50%}.admin-modal fieldset{border:1px solid #e0e5ec;border-radius:9px;margin:18px 0;padding:13px}.admin-modal fieldset legend{font-size:12px;font-weight:700}.admin-modal fieldset p{font-size:11px;color:#8a95a6;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e9ecf1;padding-top:18px;margin-top:20px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.inbox-setting{grid-template-columns:48px 1fr 140px minmax(230px,auto)}.inbox-setting.disabled{opacity:.55}.empty .primary{margin:15px auto}.user-table{overflow-x:auto}.table-head,.user-row{min-width:760px;display:grid;grid-template-columns:1.5fr 1fr 1.3fr .7fr 90px;gap:15px;align-items:center;padding:13px 18px}.table-head{background:#f8f9fb;color:#7b8799;font-size:11px;border-bottom:1px solid #e5e8ee}.user-row{border-bottom:1px solid #eceff3;font-size:12px}.user-cell{display:flex;align-items:center;gap:10px}.user-cell b,.user-cell small{display:block}.user-cell small{color:#8590a2;margin-top:3px}.role{display:flex;gap:6px;align-items:center}.role svg{color:#55729e}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span{font-size:10px;font-weight:800;border-radius:5px;padding:3px 6px}.chips small,.state{color:#8c96a7}.state:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#aaa;margin-right:6px}.state.active{color:#168553}.state.active:before{background:#22a66a}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.inbox-setting{grid-template-columns:42px 1fr}.inbox-setting>.connection,.inbox-setting>.row-actions{grid-column:2}.admin-modal{padding:18px}}.sync-notice{background:#eaf7ef;color:#157347;border:1px solid #b8e2c8;padding:11px 14px;border-radius:9px;margin-bottom:13px;font-size:12px}.connection.error{color:#b42318}.connection small{display:block;margin-top:3px;max-width:260px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#5f6c84;padding:22px 12px 7px}.inbox-nav .inbox-mark{flex:none}.inbox-mark{width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;overflow:hidden}.inbox-mark.small{width:24px;height:24px;border-radius:7px}.inbox-mark svg{width:16px;height:16px}.inbox-mark.small svg{width:13px;height:13px}.inbox-mark img{width:100%;height:100%;object-fit:contain;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric-grid article{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:18px;display:flex;align-items:flex-start;gap:14px}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center}.metric-icon.blue{background:#e7effc;color:#2563eb}.metric-icon.amber{background:#fff3dc;color:#d97706}.metric-icon.green{background:#e6f7ef;color:#168553}.metric-icon.red{background:#feecec;color:#dc2626}.metric-grid small{color:#778297}.metric-grid strong{display:block;font-size:27px;margin:4px 0}.metric-grid p{margin:0;color:#97a0af;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:18px}.section-title{padding:17px 19px;border-bottom:1px solid #e8ebef;display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0;font-size:15px}.section-title p{margin:4px 0 0;font-size:11px;color:#8792a4}.section-title a{font-size:11px;color:#2563eb;text-decoration:none}.inbox-summary,.recent-row{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none}.inbox-summary:hover,.recent-row:hover{background:#f8faff}.inbox-summary>div,.recent-row>div{flex:1}.inbox-summary b,.inbox-summary small,.recent-row b,.recent-row small{display:block}.inbox-summary small,.recent-row small{font-size:10px;color:#8792a4;margin-top:3px}.inbox-summary>span{font-size:10px;color:#778297}.inbox-summary>strong{font-size:17px}.recent-row b{font-size:12px}.recent-row time{font-size:10px;color:#929cac}.filters-bar{margin-bottom:13px;overflow:auto}.category-pills{display:flex;gap:5px;white-space:nowrap}.category-pills button{border:0;background:transparent;border-radius:8px;padding:8px 11px;color:#647087;font-size:11px}.category-pills button.active{background:#e5edfb;color:#1e5fc1;font-weight:700}.category-pills i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.ticket-row>.inbox-mark{justify-self:center}.identity-preview{display:flex;align-items:center;gap:11px;background:#f7f9fc;border:1px solid #e4e8ef;padding:12px;border-radius:10px;margin-bottom:18px}.identity-preview small{display:block;color:#8792a4;margin-top:3px}.rule-row{display:grid;grid-template-columns:40px 1fr 160px 80px 80px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e8ebef;font-size:12px}.rule-row small{display:block;color:#8792a4;margin-top:4px}.rule-order{background:#eff3f8;border-radius:6px;text-align:center;padding:5px}.category-chip{color:#566277}.danger{color:#dc2626!important}@media(max-width:1000px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.metric-grid{grid-template-columns:1fr}.rule-row{grid-template-columns:35px 1fr 70px}.rule-row>.category-chip,.rule-row>.state{display:none}}.rule-from-ticket{width:100%;border:1px solid #d9e2f0;background:#f6f9fe;color:#2563eb;border-radius:8px;padding:8px;margin:-3px 0 14px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.ticket-notice{position:absolute;top:76px;left:50%;transform:translate(-50%);z-index:4;background:#eaf7ef;color:#157347;border:1px solid #b8e2c8;padding:8px 14px;border-radius:8px;font-size:11px}.admin-modal.wide-modal{width:min(760px,94vw)}.admin-modal textarea{border:1px solid #d8dee7;border-radius:8px;padding:10px;background:#fff;font:inherit;min-height:76px;resize:vertical}.top-actions{display:flex;gap:9px}.criterion-preview{background:#f6f8fb;border:1px solid #e2e7ef;border-radius:8px;padding:11px;margin:13px 0;color:#657186;font-size:12px}.primary:disabled{opacity:.5;cursor:not-allowed}.shell>aside{position:sticky;top:0;align-self:start;width:248px;min-width:248px;max-width:248px;height:100vh;overflow-x:hidden;overflow-y:auto}.shell>main{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.inbox-nav span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message,.reply-box{max-width:1000px}.message-body{min-width:0;overflow:hidden}.message-html{display:block;width:100%;min-width:0}@media(max-width:900px){.shell>aside{width:72px;min-width:72px;max-width:72px}}