@import"https://fonts.googleapis.com/css?family=Montserrat:400,700";:root{--sasti-blue: rgb(0, 166, 206);--sasti-blue-dark: rgb(0, 140, 175);--text-main: #002B49;--bg-soft: #f2f6f9}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,sans-serif;background:var(--bg-soft);color:var(--text-main)}#root{min-height:100vh}.app-page{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px}.title{margin:0 0 18px;font-size:32px;font-weight:700}h1{font-weight:700;margin:0}h2{text-align:center}p{font-size:14px;line-height:20px;letter-spacing:.3px;margin:16px 0 24px}span{font-size:12px;margin:12px 0;display:inline-block}button{border-radius:20px;border:1px solid var(--sasti-blue);background-color:var(--sasti-blue);color:#fff;font-size:12px;font-weight:700;padding:12px 40px;letter-spacing:.8px;text-transform:uppercase;transition:transform 80ms ease-in,opacity .2s ease-in-out;cursor:pointer}button:hover{opacity:.95}button:active{transform:scale(.95)}button:focus{outline:none}button:disabled{opacity:.65;cursor:not-allowed}button.ghost{background-color:transparent;border-color:#fff}form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 42px;height:100%;text-align:center}input{background-color:#eef2f5;border:1px solid transparent;border-radius:10px;padding:12px 14px;margin:8px 0;width:100%;font-family:inherit}input:focus{outline:none;border-color:var(--sasti-blue)}.container{background-color:#fff;border-radius:14px;box-shadow:0 14px 28px #0000002e,0 10px 10px #0000001f;position:relative;overflow:hidden;width:900px;max-width:100%;min-height:520px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.form-container button{background-color:#002b49;border:1px solid #002B49;color:#fff;border-radius:999px;padding:12px 36px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.form-container button:hover{background-color:#003a61;border-color:#003a61;transform:translateY(-1px)}.form-container button:active{transform:translateY(0)}.form-container button:disabled{opacity:.6;cursor:not-allowed;transform:none}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{transform:translate(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-up-container{transform:translate(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container{transform:translate(-100%)}.overlay{background:linear-gradient(to right,var(--sasti-blue-dark),var(--sasti-blue));background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay{transform:translate(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 36px;text-align:center;top:0;height:100%;width:50%;transform:translate(0);transition:transform .6s ease-in-out}.overlay-left{transform:translate(-20%)}.container.right-panel-active .overlay-left{transform:translate(0)}.overlay-right{right:0;transform:translate(0)}.container.right-panel-active .overlay-right{transform:translate(20%)}.feedback{margin-top:14px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600}.feedback.ok{background:#e8f8ef;color:#177245;border:1px solid #b5e6cc}.feedback.error{background:#fdecef;color:#9d1c32;border:1px solid #f7c4ce}@media(max-width:900px){.container{width:100%;min-height:640px}.title{font-size:20px;text-align:center}}.sasti-logo-corner{position:fixed;top:16px;left:16px;width:170px;max-width:38vw;height:auto;z-index:1000;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}@media(max-width:768px){.sasti-logo-corner{width:120px;top:10px;left:10px}}.password-field{position:relative;width:100%;margin:8px 0}.password-field input{width:100%;margin:0;padding-right:46px}.password-toggle-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:24px;height:24px;padding:0;margin:0;border:none!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:none!important}.password-toggle-icon:hover,.password-toggle-icon:focus,.password-toggle-icon:active,.password-toggle-icon:focus-visible{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;transform:translateY(-50%)!important;opacity:1!important}.password-toggle-icon img{width:20px;height:20px;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar{width:220px;min-height:100vh;background:#0f2b4a;color:#fff;display:flex;flex-direction:column;padding:32px 12px 16px;box-sizing:border-box}.sidebar-top{display:flex;justify-content:center;align-items:center;margin-top:8px;margin-bottom:36px}.sidebar-logo{width:145px;max-width:100%;height:auto;object-fit:contain;display:block;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:36px}.sidebar-item{border:none;background:transparent;color:#d7e3ef;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;font-weight:700;letter-spacing:.2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.sidebar-item-icon{flex-shrink:0;opacity:.95}.sidebar-item:hover{background:#ffffff1f}.sidebar-item.active{background:#00a6ce;color:#fff}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.sidebar-email{font-size:12px;opacity:.9;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{width:100%;border:none;border-radius:8px;padding:10px;cursor:pointer;background:#fff;color:#0f2b4a;font-weight:700;transition:all .2s ease;text-transform:uppercase}.sidebar-logout:hover{background:#f1f5f9}.home-layout{display:flex;min-height:100vh;background:#f2f5f8}.home-content{flex:1;padding:clamp(14px,2vw,24px)}.home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.home-content h1{margin:0;color:#002b49;font-size:clamp(30px,3.6vw,48px);line-height:1.06;font-weight:800}.home-subtitle{margin:6px 0 0;color:#49627a;font-size:clamp(15px,1.2vw,18px)}.refresh-btn,.retry-btn{border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;background:#002b49;color:#fff}.refresh-btn:disabled{opacity:.65;cursor:not-allowed}.home-card{margin-top:10px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 20px #00000014}.tickets-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.ticket-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 20px #00000014;border:1px solid #ebf0f5;min-width:0;display:flex;flex-direction:column;height:100%}.ticket-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:56px}.ticket-title{margin:0;color:#0f2b4a;font-size:17px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-code{font-size:12px;font-weight:700;color:#4f6b86;background:#eef3f8;padding:4px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.ticket-description{margin:10px 0 12px;color:#324b63;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-height:5.8em}.ticket-badges{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;min-height:32px;align-items:center}.badge{font-size:12px;font-weight:700;border-radius:999px;padding:5px 10px}.ticket-meta{display:grid;grid-template-columns:1fr;gap:6px;font-size:13px;color:#3d5870;margin-top:auto}.create-ticket-card{width:100%;margin-top:10px;padding:clamp(14px,1.8vw,24px);border:1px solid #d7e0ea;border-radius:14px;background:#fff;box-shadow:0 2px 8px #0f2b4a0f}.create-ticket-form{width:100%;display:flex;flex-direction:column;gap:clamp(10px,1.2vw,16px)}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);width:100%}.form-row{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.form-row label{font-weight:700;color:#0f2b4a;font-size:clamp(14px,1vw,16px);margin:0}.form-row input,.form-row select,.form-row textarea{width:100%;min-width:0;border:1px solid #b9c9d9;border-radius:10px;padding:clamp(9px,.9vw,12px) clamp(11px,1vw,14px);font-size:clamp(15px,1.15vw,18px);color:#173a5c;background:#fff;font-family:inherit;box-sizing:border-box;margin:0}.form-row input,.form-row select{height:clamp(44px,4.8vh,56px)}.form-row textarea{min-height:clamp(140px,28vh,300px);max-height:46vh;resize:vertical;line-height:1.42}.form-row input::placeholder,.form-row textarea::placeholder{color:#748aa1}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#00a6ce;box-shadow:0 0 0 3px #00a6ce1f}.form-help{color:#7a8fa3;font-size:clamp(12px,.9vw,14px);margin-top:2px}.attachments-list{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6f9fc;border:1px solid #e2eaf2;border-radius:10px;padding:8px 10px}.attachment-name{color:#264763;font-size:14px;word-break:break-word}.attachment-remove{border:none;background:#feecef;color:#9d1c32;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}.attachment-remove:hover{background:#fddde3}.form-error{margin:0;color:#9d1c32;background:#fdecef;border:1px solid #f7c4ce;border-radius:10px;padding:10px 12px;font-weight:600}.form-ok{margin:0;color:#177245;background:#e8f8ef;border:1px solid #b5e6cc;border-radius:10px;padding:10px 12px;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:2px;padding-top:12px;border-top:1px solid #e2e8f0}.btn-secondary,.btn-primary{border:none;border-radius:12px;padding:11px 18px;font-weight:800;letter-spacing:.3px;cursor:pointer}.btn-primary{background:#002b49;color:#fff}.btn-primary:hover{background:#003a61}.btn-secondary:disabled,.btn-primary:disabled{opacity:.65;cursor:not-allowed}@media(max-width:1500px){.tickets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-height:900px){.home-content{padding:16px}.home-content h1{font-size:clamp(28px,4.1vw,42px)}.home-subtitle{font-size:16px}.create-ticket-card{padding:14px 16px 12px}.create-ticket-form,.form-grid-3{gap:10px}.form-row label{font-size:14px}.form-row input,.form-row select{height:44px;font-size:16px;padding:9px 12px}.form-row textarea{min-height:150px;max-height:34vh;font-size:16px;padding:10px 12px}.form-actions{padding-top:10px}}@media(max-width:1200px){.tickets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-content h1{font-size:clamp(32px,4vw,42px)}.create-ticket-card{padding:16px}}@media(max-width:1100px){.form-grid-3{grid-template-columns:1fr}.form-row textarea{min-height:180px;max-height:none}}@media(max-width:900px){.home-content{padding:14px}.home-header{flex-direction:column;align-items:stretch}.refresh-btn{width:fit-content}.tickets-grid{grid-template-columns:1fr}.home-content h1{font-size:34px}.home-subtitle,.form-row input,.form-row select,.form-row textarea{font-size:16px}}.ticket-card-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.ticket-card-clickable:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.ticket-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ticket-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001a}.ticket-page-layout{display:flex;min-height:100vh;background:#f2f5f8}.ticket-page-content{flex:1;padding:20px 24px;min-width:0}.ticket-page-header{margin-bottom:12px}.back-btn{border:none;border-radius:12px;padding:10px 16px;font-weight:800;font-size:14px;letter-spacing:.2px;cursor:pointer;background:#002b49;color:#fff}.back-btn:hover{background:#003a61}.ticket-section-card{margin-top:10px;background:#fff;border:1px solid #dbe5ef;border-radius:14px;padding:16px 18px;box-shadow:0 2px 8px #0f2b4a0d}.ticket-error-card{border-color:#f3c2c8;background:#fff5f6}.retry-btn{margin-top:8px;border:none;border-radius:10px;padding:9px 14px;font-weight:700;cursor:pointer;background:#002b49;color:#fff}.ticket-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.ticket-main-title{margin:0;color:#0f2b4a;font-size:clamp(26px,2.2vw,44px);line-height:1.1;font-weight:800}.ticket-code-line{margin:6px 0 0;color:#3f5e7b;font-size:clamp(18px,1.5vw,34px);font-weight:700}.ticket-main-description{margin:12px 0 14px;color:#2e4d69;font-size:clamp(16px,1.25vw,26px);line-height:1.35}.ticket-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:clamp(12px,.95vw,16px);font-weight:800;border-radius:999px;padding:6px 12px}.st-open,.st-progress{background:#e9f8ed;color:#207245}.st-closed{background:#ffe9ea;color:#a1242f}.st-default{background:#eef2f7;color:#4f6b86}.pr-low{background:#e9f8ed;color:#207245}.pr-medium{background:#fff6df;color:#996a00}.pr-high,.pr-urgent{background:#ffe9ea;color:#a1242f}.pr-default{background:#eef2f7;color:#4f6b86}.ticket-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:8px 18px;font-size:clamp(14px,1.05vw,18px);color:#35506b}.ticket-meta-grid strong{color:#163a5c}.section-title{margin:0 0 10px;color:#0f2b4a;font-size:clamp(28px,2.2vw,52px);line-height:1.05}.attachments-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.attachment-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #d8e3ee;background:#f7fbff;border-radius:12px;padding:12px 14px}.attachment-left{min-width:0;display:flex;flex-direction:column;gap:3px}.attachment-name{color:#183f63;font-size:19px;font-weight:700;word-break:break-word}.attachment-size{color:#68829a;font-size:13px}.attachment-actions{display:flex;gap:8px;flex-shrink:0}.attachment-btn{border:none;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:800;cursor:pointer}.attachment-btn-primary{background:#002b49;color:#fff}.attachment-btn-primary:hover{background:#003a61}.attachment-btn-secondary{background:#dbe7f3;color:#0f2b4a}.attachment-btn-secondary:hover{background:#cfdceb}.attachment-btn:disabled{opacity:.65;cursor:not-allowed}.muted{margin:0;color:#6f869b;font-size:14px}.chat-box{border:1px solid #d8e3ee;background:#f8fbff;border-radius:12px;padding:10px;max-height:320px;overflow:auto}.chat-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.chat-item{border:1px solid #e3ecf5;background:#fff;border-radius:10px;padding:10px 12px}.chat-item-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;color:#456483;font-size:13px}.chat-item-text{margin:0;color:#244664;font-size:14px;line-height:1.42;white-space:pre-wrap;word-break:break-word}.chat-send-form{margin-top:10px;width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.chat-send-form textarea{width:100%;min-height:90px;max-height:200px;resize:vertical;border:1px solid #bfd0e0;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;color:#1f3f5d;box-sizing:border-box}.chat-send-form textarea:focus{outline:none;border-color:#00a6ce;box-shadow:0 0 0 3px #00a6ce1f}.send-btn{border:none;border-radius:12px;padding:11px 16px;height:fit-content;font-size:14px;font-weight:800;letter-spacing:.2px;cursor:pointer;background:#597893;color:#fff}.send-btn:hover{background:#476780}.send-btn:disabled{opacity:.65;cursor:not-allowed}@media(max-width:1200px){.ticket-page-content{padding:18px}.section-title{font-size:38px}}@media(max-width:980px){.ticket-top-row{flex-direction:column}.ticket-meta-grid,.chat-send-form{grid-template-columns:1fr}.send-btn{width:100%}}@media(max-width:720px){.attachment-item{flex-direction:column;align-items:flex-start}.attachment-actions{width:100%}.attachment-btn{flex:1}}.profile-layout{display:flex;min-height:100vh;background:#f2f5f8}.profile-content{flex:1;padding:24px;min-width:0}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.profile-content h1{margin:0;color:#002b49;font-size:clamp(32px,3.4vw,48px);line-height:1.1;font-weight:800}.profile-subtitle{margin:8px 0 0;color:#49627a;font-size:clamp(15px,1.5vw,18px)}.profile-card{margin-top:12px;background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 20px #00000014;border:1px solid #ebf0f5}.identity-card h3,.profile-card h3{margin:0 0 12px;color:#0f2b4a;font-size:24px}.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;color:#324b63;font-size:15px}.stats-grid{margin-top:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{border:1px solid #d7e3ef;background:#f7fbff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.stat-label{color:#4f6b86;font-size:14px;font-weight:700}.stat-value{color:#002b49;font-size:clamp(24px,2.2vw,34px);line-height:1;font-weight:800}.profile-meta{margin-top:14px;display:grid;gap:6px;color:#3d5870;font-size:14px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.refresh-btn,.retry-btn,.btn-primary,.btn-secondary{border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.refresh-btn,.retry-btn,.btn-primary{background:#002b49;color:#fff}.btn-primary:hover,.refresh-btn:hover,.retry-btn:hover{background:#003a61}.btn-secondary{background:#dbe4ed;color:#0f2b4a}.refresh-btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.65;cursor:not-allowed}.error-card{border:1px solid #f5c2c7;background:#fff5f6}@media(max-width:1100px){.identity-grid,.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.profile-content{padding:18px}.profile-header{flex-direction:column;align-items:stretch}.refresh-btn{width:fit-content}.identity-grid,.stats-grid{grid-template-columns:1fr}.identity-card h3,.profile-card h3{font-size:22px}}.admin-layout{display:flex;min-height:100vh;width:100%;background:#f2f5f8;overflow:hidden}.admin-content{flex:1;min-width:0;padding:24px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.admin-header h1{margin:0;color:#002b49;font-size:48px;line-height:1.08;font-weight:800}.admin-header p{margin:8px 0 0;color:#49627a;font-size:18px}.admin-refresh-btn{border:none;border-radius:12px;padding:0 18px;cursor:pointer;font-weight:800;letter-spacing:.2px;background:#14a6c8;color:#fff;min-width:140px;height:44px;line-height:1}.admin-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.admin-card{background:#fff;border:1px solid #dde7f1;border-radius:14px;padding:18px;box-shadow:0 4px 12px #081f380f;margin-bottom:14px}.admin-card h3{margin:0 0 12px;color:#0f2b4a;font-size:22px}.admin-error-card{border-color:#f5c2c7;background:#fff5f6}.admin-error-card h3{margin-bottom:8px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-bottom:14px}.admin-kpi-card{background:#fff;border:1px solid #dde7f1;border-radius:12px;padding:14px;box-shadow:0 4px 10px #0f2b4a0d}.kpi-label{display:block;color:#5a738b;font-size:14px;margin-bottom:8px}.kpi-value{color:#0f2b4a;font-size:28px;line-height:1;font-weight:800}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:11px 10px;border-bottom:1px solid #e5edf5;color:#2f4b66;font-size:14px;vertical-align:middle}.admin-table th{color:#0f2b4a;font-weight:800;background:#f8fbff}.admin-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;line-height:1}.adm-st-open{background:#e9f8ed;color:#207245}.adm-st-progress{background:#fff6df;color:#996a00}.adm-st-closed{background:#ffe9ea;color:#a1242f}.adm-st-default{background:#eef2f7;color:#4f6b86}.adm-pr-low{background:#e9f8ed;color:#207245}.adm-pr-medium{background:#fff6df;color:#996a00}.adm-pr-high,.adm-pr-urgent{background:#ffe9ea;color:#a1242f}.adm-pr-default{background:#eef2f7;color:#4f6b86}.admin-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px}.profile-label{display:block;color:#6a8096;font-size:13px;margin-bottom:4px}.profile-value{margin:0;color:#103355;font-size:17px;font-weight:700}.admin-form-error{margin:10px 0 0;color:#9d1c32;background:#fdecef;border:1px solid #f7c4ce;border-radius:10px;padding:10px 12px;font-weight:600;font-size:14px}.admin-form-ok{margin:10px 0 0;color:#177245;background:#e8f8ef;border:1px solid #b5e6cc;border-radius:10px;padding:10px 12px;font-weight:600;font-size:14px}.admin-error-inline{background:#fff1f3;border:1px solid #fecdd3;color:#9f1239;border-radius:10px;padding:10px 12px}.admin-subtle{color:#5b7389;font-size:14px;font-weight:500}.admin-users-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-row-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-row-selected{background:#f6fbff}.admin-primary-btn,.admin-secondary-btn,.admin-danger-btn{border:none;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;cursor:pointer;line-height:1}.admin-primary-btn{background:#002b49;color:#fff}.admin-primary-btn:hover{background:#003a61}.admin-secondary-btn{background:#dbe4ed;color:#0f2b4a}.admin-secondary-btn:hover{background:#cfd9e4}.admin-danger-btn{background:#feecef;color:#9d1c32}.admin-danger-btn:hover{background:#fddde3}.admin-danger-btn:disabled,.admin-primary-btn:disabled,.admin-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.admin-select,.admin-inline-field input,.admin-categories-filter-field input{height:44px;border:1px solid #cdd9e5;border-radius:12px;padding:0 12px;font-size:14px;color:#173a5c;background:#fff;box-sizing:border-box}.admin-select:focus,.admin-inline-field input:focus,.admin-categories-filter-field input:focus{outline:none;border-color:#00a6ce;box-shadow:0 0 0 3px #00a6ce1f}.admin-users-section .admin-inline-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;gap:14px;align-items:end;margin-top:20px}.admin-users-section .admin-inline-field{display:flex;flex-direction:column;gap:8px}.admin-users-section .admin-inline-field label{font-size:13px;font-weight:700;color:#1f3850;line-height:1.2}.admin-users-section .admin-inline-actions{display:flex;align-items:flex-end;height:100%}.admin-users-section .admin-primary-btn{height:44px;padding:0 22px;border-radius:12px;letter-spacing:.02em;margin:0;transform:translateY(-8px)}.admin-categories-section .admin-categories-filters-row{display:grid;grid-template-columns:minmax(220px,320px) minmax(320px,1fr) auto;gap:14px;align-items:end;margin-top:8px}.admin-categories-section .admin-categories-filter-field{display:flex;flex-direction:column;gap:8px}.admin-categories-section .admin-categories-filter-field label{font-size:13px;font-weight:700;color:#1f3850;line-height:1.2;margin:0}.admin-categories-section .admin-categories-filters-row .admin-categories-filter-field:nth-child(1) label{position:relative;top:-15px}.admin-categories-section .admin-categories-filters-row .admin-categories-filter-field:nth-child(2) label{position:relative;top:2px}.admin-categories-section .admin-select{transform:translateY(-8px)}.admin-categories-section .admin-categories-filter-actions{display:flex;align-items:flex-end;gap:10px;height:100%}.admin-categories-section .admin-refresh-btn{height:44px;padding:0 22px;min-width:170px;margin:0}.admin-categories-section .admin-secondary-btn{height:44px;padding:0 18px;border-radius:12px;transform:translateY(-8px)}.admin-tickets-section .admin-tickets-filters-row{display:grid;grid-template-columns:minmax(260px,1fr) 220px 220px auto;gap:14px;align-items:end;margin-top:8px}.admin-tickets-section .admin-ticket-row-clickable,.admin-tickets-section .admin-row-clickable{cursor:pointer}.admin-tickets-section .admin-ticket-row-clickable:hover,.admin-tickets-section .admin-row-clickable:hover{background:#f6fbff}.admin-tickets-section .admin-row-clickable:focus{outline:2px solid #b9d9f3;outline-offset:-2px}.admin-ticket-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px 18px;margin-top:12px}.admin-ticket-admin-grid .admin-inline-field{display:flex;flex-direction:column;gap:8px}.admin-ticket-admin-grid .admin-inline-field label{font-size:13px;font-weight:700;color:#1f3850;line-height:1.2;margin:0}.admin-ticket-admin-grid .admin-inline-field:nth-child(4) input{position:relative;top:-8px}.admin-ticket-admin-grid .admin-select,.admin-ticket-admin-grid input{height:44px;border:1px solid #cdd9e5;border-radius:12px;padding:0 12px;font-size:14px;color:#173a5c;background:#fff;box-sizing:border-box}.admin-ticket-admin-grid .admin-select:focus,.admin-ticket-admin-grid input:focus{outline:none;border-color:#00a6ce;box-shadow:0 0 0 3px #00a6ce1f}.admin-ticket-meta{margin-top:10px;color:#6a8096;font-size:14px}.admin-ticket-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#1f3850;font-size:14px;font-weight:700;cursor:pointer}.admin-ticket-upload-btn:hover{background:#f8fbff}.admin-ticket-upload-input{display:none}.admin-ticket-file-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.admin-ticket-file-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e5edf5;border-radius:12px;background:#f8fbff}.admin-ticket-file-left{min-width:0;display:flex;gap:10px;align-items:center}.admin-ticket-file-type{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#14a6c8;color:#fff;font-size:10px;font-weight:800;flex-shrink:0}.admin-ticket-file-name{color:#103355;font-size:14px;font-weight:700;word-break:break-word}.admin-ticket-file-size{color:#6a8096;font-size:12px}.admin-ticket-chat-box{border:1px solid #d8e3ee;background:#f8fbff;border-radius:12px;padding:10px;max-height:360px;overflow:auto}.admin-ticket-chat-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.admin-ticket-msg{border:1px solid #e3ecf5;border-radius:10px;padding:10px 12px;background:#fff}.admin-ticket-msg--system{background:#f3f5f8}.admin-ticket-msg-top{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:#456483;font-size:13px;flex-wrap:wrap}.admin-ticket-msg-text{margin:0;color:#244664;font-size:14px;line-height:1.42;white-space:pre-wrap;word-break:break-word}.admin-ticket-chat-form{margin-top:12px;width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.admin-ticket-chat-form textarea{width:100%;min-height:78px;max-height:200px;resize:vertical;border:1px solid #bfd0e0;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;color:#1f3f5d;background:#fff;box-sizing:border-box}.admin-ticket-chat-form textarea:focus{outline:none;border-color:#00a6ce;box-shadow:0 0 0 3px #00a6ce1f}.admin-ticket-send-btn{border:none;border-radius:12px;padding:11px 16px;height:fit-content;font-size:14px;font-weight:800;letter-spacing:.2px;cursor:pointer;background:#002b49;color:#fff}.admin-ticket-send-btn:hover{background:#003a61}.admin-ticket-send-btn:disabled{opacity:.65;cursor:not-allowed}.admin-ticket-chat-box,.admin-ticket-chat-form textarea,.admin-ticket-msg{transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease,transform .12s ease}.admin-ticket-chat-box{position:relative}.admin-ticket-chat-box:focus-within{border-color:#86c5e6;box-shadow:0 0 0 3px #14a6c824,0 8px 20px #0f2b4a14;background:#fafdff}.admin-ticket-chat-box:focus-within .admin-ticket-msg{border-color:#d7e7f5;background:#fff}.admin-ticket-msg:hover{border-color:#cfe1f1;box-shadow:0 4px 10px #0f2b4a14;transform:translateY(-1px)}.admin-ticket-msg:focus-visible{outline:none;border-color:#86c5e6;box-shadow:0 0 0 3px #14a6c824}.admin-ticket-msg:active{transform:translateY(0);box-shadow:0 2px 6px #0f2b4a14}@media(max-width:1320px){.admin-kpi-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:1200px){.admin-tickets-section .admin-tickets-filters-row{grid-template-columns:1fr 1fr}}@media(max-width:1100px){.admin-content{padding:18px}.admin-header h1{font-size:38px}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.admin-profile-grid,.admin-categories-section .admin-categories-filters-row{grid-template-columns:1fr 1fr}.admin-categories-section .admin-categories-filter-actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:980px){.admin-users-section .admin-inline-form,.admin-categories-section .admin-categories-filters-row{grid-template-columns:1fr}.admin-users-section .admin-inline-actions,.admin-categories-section .admin-categories-filter-actions{justify-content:flex-start;align-items:center}.admin-users-section .admin-primary-btn,.admin-categories-section .admin-refresh-btn{width:fit-content}.admin-ticket-admin-grid,.admin-ticket-chat-form{grid-template-columns:1fr}.admin-ticket-send-btn{width:100%}.admin-ticket-admin-grid .admin-inline-field:nth-child(4) input{top:0}}@media(max-width:900px){.admin-header{flex-direction:column;align-items:stretch}.admin-refresh-btn{width:fit-content}.admin-header h1{font-size:32px}.admin-header p{font-size:16px}.admin-kpi-grid,.admin-profile-grid,.admin-tickets-section .admin-tickets-filters-row{grid-template-columns:1fr}}.admin-content .admin-row-clickable,.admin-content .admin-ticket-row-clickable{cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.admin-content .admin-row-clickable:hover,.admin-content .admin-ticket-row-clickable:hover{background:#f6fbff;box-shadow:inset 0 0 0 1px #dbeaf7}.admin-content .admin-row-clickable:focus-visible,.admin-content .admin-ticket-row-clickable:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #8fc6e8,0 0 0 3px #14a6c824}.admin-content .admin-row-selected{background:#eef7ff;box-shadow:inset 0 0 0 1px #cfe3f5}html,body,#root{margin:0;padding:0;min-height:100%}