html{-webkit-text-size-adjust:100%}body,html{min-height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef5fb;color:#102033;overflow-x:hidden}img{max-width:100%}input,select,textarea{font-size:16px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#073b6d,#006eb6 55%,#eef7ff)}.login-card{width:420px;background:#fff;padding:38px;border-radius:26px;box-shadow:0 25px 80px #001b3a55;text-align:center}.logo{max-width:190px;margin-bottom:20px}.login-card h1{color:#073b6d;font-size:34px}.subtitle{color:#5d7186}button,input,select,textarea{width:100%;padding:14px;margin:9px 0;border:1px solid #cfd8e3;border-radius:14px;box-sizing:border-box}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}button{background:linear-gradient(135deg,#006eb6,#00a6d6);color:#fff;border:0;font-weight:700;cursor:pointer}.login-card .password-field{position:relative}.login-card .password-field input{padding-right:52px}.login-card .password-field .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px;background:transparent!important;color:#5d7186!important;display:flex;align-items:center;justify-content:center;box-shadow:none}.login-card .password-field .password-toggle:hover{background:#eef6fc;color:#006eb6}.login-card .password-field .password-toggle svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block}.demo-box{margin-top:22px;padding:14px;background:#eef6fc;border-radius:14px}.app{display:flex;min-height:100vh}.side{width:260px;background:linear-gradient(180deg,#073b6d,#052947);color:#fff;padding:26px}.main{flex:1 1;padding:32px}.card{background:#fff;border-radius:22px;padding:24px;margin-bottom:20px;box-shadow:0 12px 35px #0b35580f}.side-logo{max-width:150px;display:block;margin:0 auto 12px}.side-logo-box{text-align:center;margin-bottom:32px}.side-title{font-size:20px;font-weight:700}.nav a{display:block;cursor:pointer;padding:13px 14px;border-radius:14px;margin:8px 0}.nav a.active,.nav a:hover{background:linear-gradient(135deg,#006eb6,#00a6d6)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px;border-bottom:1px solid #edf1f5;text-align:left}.badge{padding:6px 10px;border-radius:20px;background:#e9f3fb;color:#006eb6}.admin-open-tickets-card{padding:12px 14px!important;margin-bottom:14px!important}.admin-open-tickets-title{margin:0 0 10px;font-size:16px;line-height:1.2}.admin-open-tickets-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-open-tickets-table{table-layout:fixed;min-width:1080px;font-size:12px}.admin-open-tickets-table td,.admin-open-tickets-table th{padding:7px;line-height:1.16;vertical-align:middle}.admin-open-tickets-table th{font-size:12px;font-weight:700}.admin-open-tickets-table td:first-child,.admin-open-tickets-table th:first-child{width:44px}.admin-open-tickets-table td:nth-child(2),.admin-open-tickets-table th:nth-child(2){width:110px}.admin-open-tickets-table td:nth-child(3),.admin-open-tickets-table th:nth-child(3){width:135px}.admin-open-tickets-table td:nth-child(4),.admin-open-tickets-table th:nth-child(4){width:112px}.admin-open-tickets-table td:nth-child(5),.admin-open-tickets-table th:nth-child(5){width:180px}.admin-open-tickets-table td:nth-child(6),.admin-open-tickets-table th:nth-child(6){width:140px}.admin-open-tickets-table td:nth-child(7),.admin-open-tickets-table td:nth-child(8),.admin-open-tickets-table th:nth-child(7),.admin-open-tickets-table th:nth-child(8){width:95px}.admin-open-tickets-table td:nth-child(9),.admin-open-tickets-table th:nth-child(9){width:82px}.admin-open-tickets-table td:nth-child(10),.admin-open-tickets-table th:nth-child(10){width:88px}.admin-open-tickets-table .badge{padding:3px 8px;border-radius:14px;font-size:12px}.admin-open-tickets-table .status-select{min-height:28px;padding:4px 8px;margin:0;border-radius:8px;font-size:12px;line-height:1.1}.admin-work-hours-input{width:58px!important;height:28px!important;padding:4px 7px!important;margin:0!important;border-radius:7px!important;font-size:12px!important;line-height:1.1}.admin-billable-cell{gap:5px;font-size:12px}.admin-billable-cell input{width:14px!important;height:14px!important;padding:0}.filters button,.filters input,.filters select{min-height:34px;padding:8px 10px;margin:0;border-radius:10px;font-size:12px;line-height:1.1}.filters label{font-size:12px!important;line-height:1.1}.filters button{font-weight:700}.ticket-filters-card{padding:12px 14px!important;margin-bottom:14px!important}.ticket-filters-title{margin:0 0 10px;font-size:16px;line-height:1.2}.ticket-list-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));grid-gap:10px;gap:10px;align-items:end}.customer-ticket-list-filters{grid-template-columns:repeat(5,minmax(120px,1fr))}.filter-field{display:flex;flex-direction:column}.filter-field label{margin-bottom:4px}.ticket-detail-card{padding:12px 14px!important;margin-bottom:14px!important;font-size:12px}.ticket-detail-title{margin:0 0 10px;font-size:16px;line-height:1.2}.ticket-detail-grid{gap:8px!important;margin-bottom:10px!important;font-size:12px}.ticket-detail-card h3{margin:10px 0 6px!important;font-size:13px!important;line-height:1.2}.ticket-detail-card label,.ticket-detail-card p{font-size:12px!important;line-height:1.28}.ticket-detail-card textarea{padding:9px 10px;margin:6px 0;border-radius:10px;font-size:12px;line-height:1.3}.ticket-detail-card .status-select{min-height:30px;padding:5px 8px;margin:0;border-radius:8px;font-size:12px}.ticket-detail-card button{min-height:32px;padding:8px 10px;border-radius:10px;font-size:12px}.ticket-detail-card .chat-container{gap:6px;margin-bottom:10px}.ticket-detail-card .chat-author{font-size:10px}.ticket-detail-card .chat-bubble{padding:7px 10px;border-radius:12px;font-size:12px;line-height:1.3}.ticket-detail-card .chat-date{font-size:9px}.operator-assigned-tickets-card{padding:12px 14px!important;margin-bottom:14px!important}.operator-assigned-tickets-title{margin:0 0 10px;font-size:16px;line-height:1.2}.operator-assigned-tickets-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.operator-assigned-tickets-table{table-layout:fixed;min-width:860px;font-size:12px}.operator-assigned-tickets-table td,.operator-assigned-tickets-table th{padding:7px;line-height:1.16;vertical-align:middle}.operator-assigned-tickets-table th{font-size:12px;font-weight:700}.operator-assigned-tickets-table td:first-child,.operator-assigned-tickets-table th:first-child{width:52px}.operator-assigned-tickets-table td:nth-child(2),.operator-assigned-tickets-table th:nth-child(2){width:170px}.operator-assigned-tickets-table td:nth-child(3),.operator-assigned-tickets-table th:nth-child(3){width:260px}.operator-assigned-tickets-table td:nth-child(4),.operator-assigned-tickets-table td:nth-child(5),.operator-assigned-tickets-table th:nth-child(4),.operator-assigned-tickets-table th:nth-child(5){width:150px}.operator-assigned-tickets-table td:nth-child(6),.operator-assigned-tickets-table th:nth-child(6){width:115px}.customer-tickets-card{padding:12px 14px!important;margin-bottom:14px!important}.customer-tickets-title{margin:0 0 10px;font-size:16px;line-height:1.2}.customer-tickets-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.customer-tickets-table{table-layout:fixed;min-width:900px;font-size:12px}.customer-tickets-table td,.customer-tickets-table th{padding:7px;line-height:1.16;vertical-align:middle}.customer-tickets-table th{font-size:12px;font-weight:700}.customer-tickets-table td:first-child,.customer-tickets-table th:first-child{width:52px}.customer-tickets-table td:nth-child(2),.customer-tickets-table th:nth-child(2){width:250px}.customer-tickets-table td:nth-child(3),.customer-tickets-table th:nth-child(3){width:130px}.customer-tickets-table td:nth-child(4),.customer-tickets-table th:nth-child(4){width:190px}.customer-tickets-table td:nth-child(5),.customer-tickets-table th:nth-child(5){width:150px}.customer-tickets-table td:nth-child(6),.customer-tickets-table th:nth-child(6){width:115px}.customer-tickets-table .badge{padding:3px 8px;border-radius:14px;font-size:12px}.admin-accounts-form,.admin-operators-form{display:grid;grid-gap:10px;gap:10px;align-items:end;margin-top:12px}.admin-accounts-form{grid-template-columns:repeat(7,minmax(130px,1fr))}.admin-operators-form{grid-template-columns:repeat(6,minmax(130px,1fr))}.admin-accounts-table,.admin-operators-table{table-layout:fixed;min-width:1080px;font-size:12px}.admin-accounts-table td,.admin-accounts-table th,.admin-operators-table td,.admin-operators-table th{padding:7px;line-height:1.16;vertical-align:middle}.admin-accounts-table th,.admin-operators-table th{font-size:12px;font-weight:700}.admin-accounts-table td:first-child,.admin-accounts-table th:first-child,.admin-operators-table td:first-child,.admin-operators-table th:first-child{width:44px}.admin-accounts-table td:nth-child(2),.admin-accounts-table td:nth-child(3),.admin-accounts-table th:nth-child(2),.admin-accounts-table th:nth-child(3),.admin-operators-table td:nth-child(2),.admin-operators-table th:nth-child(2){width:130px}.admin-accounts-table td:nth-child(4),.admin-accounts-table th:nth-child(4){width:110px}.admin-accounts-table td:nth-child(5),.admin-accounts-table th:nth-child(5),.admin-operators-table td:nth-child(3),.admin-operators-table th:nth-child(3){width:180px}.admin-accounts-table td:nth-child(6),.admin-accounts-table th:nth-child(6),.admin-operators-table td:nth-child(4),.admin-operators-table th:nth-child(4){width:120px}.admin-accounts-table td:nth-child(7),.admin-accounts-table th:nth-child(7),.admin-operators-table td:nth-child(5),.admin-operators-table th:nth-child(5){width:95px}.admin-accounts-table td:nth-child(8),.admin-accounts-table th:nth-child(8),.admin-operators-table td:nth-child(6),.admin-operators-table th:nth-child(6){width:130px}.admin-accounts-table td:nth-child(9),.admin-accounts-table th:nth-child(9),.admin-operators-table td:nth-child(7),.admin-operators-table th:nth-child(7){width:120px}.admin-accounts-table .badge,.admin-operators-table .badge{padding:3px 8px;border-radius:14px;font-size:12px}.admin-accounts-table .status-select,.admin-operators-table .status-select{min-height:28px;padding:4px 8px;margin:0;border-radius:8px;font-size:12px;line-height:1.1}@keyframes blink-ticket-alert{0%,to{opacity:1;transform:scale(1);text-shadow:0 0 0 rgba(220,38,38,0)}50%{opacity:.25;transform:scale(1.08);text-shadow:0 0 12px rgba(220,38,38,.55)}}.blink-alert{display:inline-block;animation:blink-ticket-alert 1s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.blink-alert{animation:none}}.alert-new{background:#e8f8ee;color:#136c2e;border:1px solid #b9eac8;padding:16px 18px;border-radius:18px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;font-weight:700}.alert-new button{width:auto;padding:8px 14px;margin:0}.status-select{padding:8px 10px;border-radius:12px;border:1px solid #cfd8e3;background:#f8fbfe;color:#073b6d;font-weight:700}.status-select.unassigned-select{color:#dc2626!important;font-weight:800}.status-select.unassigned-select option[value=""]{color:#dc2626;font-weight:800}.status-select.unassigned-select option:not([value=""]){color:#073b6d;font-weight:700}.comment-box{background:#f8fbfe;border:1px solid #edf1f5;border-radius:14px;padding:14px;margin:12px 0}.comment-box p{margin:8px 0}.comment-box small{color:#64748b}.chat-container{gap:8px;margin-bottom:14px;max-height:300px;overflow-y:auto}.chat-container,.chat-message{display:flex;flex-direction:column}.chat-message{max-width:68%}.chat-message.customer{align-self:flex-end;text-align:right}.chat-message.operator{align-self:flex-start}.chat-author{font-size:11px;color:#667;margin-bottom:3px}.chat-bubble{padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.35;word-break:break-word}.chat-message.customer .chat-bubble{background:#006eb6;color:#fff}.chat-message.operator .chat-bubble{background:#eef5fb;color:#102033;border:1px solid #d7e4f0}.chat-date{font-size:10px;color:#888;margin-top:3px}.comment-box{display:none}.language-switcher button{width:48px;height:48px;font-size:24px;transition:all .2s}.language-switcher button:hover{transform:scale(1.05)}.language-switcher button{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:28px}.language-switcher{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.language-switcher button{width:52px;height:52px;padding:0;background:#fff;border:2px solid #d7e4f0;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.language-switcher img{width:30px;height:30px;object-fit:cover;border-radius:50%}.lang-active{border:2px solid #006eb6!important;box-shadow:0 0 0 3px rgba(0,110,182,.15)}@media (max-width:820px){.login-page{min-height:100dvh;align-items:flex-start;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));box-sizing:border-box}.login-card{width:100%;max-width:440px;padding:28px 20px;border-radius:18px;margin:auto}.login-card h1{font-size:28px}.app{min-height:100dvh;flex-direction:column}.side{width:100%;box-sizing:border-box;padding:18px 16px 14px}.side-logo-box{margin-bottom:16px}.side-logo{max-width:120px}.nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;margin:0;white-space:nowrap;padding:10px 12px;border-radius:12px}.main{width:100%;padding:18px 14px calc(22px + env(safe-area-inset-bottom));box-sizing:border-box}.topbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.topbar>*{max-width:100%}.card{border-radius:16px;padding:18px 14px;margin-bottom:14px}.table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.table td,.table th{padding:11px 10px}.chat-container{max-height:42dvh}.chat-message{max-width:88%}.alert-new{align-items:flex-start;flex-direction:column;gap:10px}.alert-new button{width:100%}}@media (max-width:520px){.login-card{padding:24px 16px}.logo{max-width:160px}.language-switcher button{width:44px;height:44px}.language-switcher img{width:26px;height:26px}button,input,select,textarea{border-radius:12px}.main h1{font-size:24px}.card h2{font-size:20px}}