.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:75vh;color:#f1f5f9;text-align:center}.login-container h1{color:#38bdf8;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem;width:280px}.login-form input{padding:.8rem;border-radius:6px;border:1px solid #334155;outline:none;background:#1e293b;color:#fff}.login-form input:focus{border-color:#38bdf8}.login-form button{padding:.8rem;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,background .3s ease;width:100%}.login-form button:hover{transform:scale(1.05);background:linear-gradient(90deg,#0ea5e9,#2563eb)}.back-btn{margin-top:1rem;background:none;border:none;color:#38bdf8;cursor:pointer;font-size:.9rem}.oauth-btn{padding:.8rem;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,background .3s ease;width:100%;max-width:280px;margin-top:1rem}.oauth-btn:hover{transform:scale(1.05);background:linear-gradient(90deg,#0ea5e9,#2563eb)}.oauth-btn:active{background-color:#2c6bd2}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f172a;color:#f1f5f9;border-bottom:1px solid #1e293b;position:sticky;top:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:#38bdf8}.logo-link{text-decoration:none;color:inherit;font-weight:700;font-size:1.2rem}.logo-link:hover{opacity:.8;cursor:pointer}.nav{display:flex;gap:1.5rem}.nav-link{text-decoration:none;padding:.5rem 1rem;color:#38bdf8;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#0ea5e9}.logout-btn{background:none;border:none;padding:.5rem 1rem;color:#38bdf8;font-weight:500;cursor:pointer;transition:color .3s ease;font-size:inherit}.logout-btn:hover{color:#0ea5e9}.nav-user{color:#cbd5f5;font-size:.95rem;align-self:center;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{background:#0f172a;color:#94a3b8;text-align:center;margin-top:auto;border-top:1px solid #1e293b;z-index:1000}.footer p{margin:.5rem 0}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:#38bdf8}.tickets-page{padding:24px;color:#f1f5f9}.tickets-layout{display:flex;gap:16px;align-items:flex-start}.tickets-filters{width:260px;background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px;position:sticky;top:100px;align-self:flex-start}.tickets-filters h3{margin:0 0 12px;font-size:1.1rem;color:#e2e8f0}.filter-clear{width:100%;padding:10px 12px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:8px;cursor:pointer;margin-bottom:16px}.filter-clear:hover{background:#273854}.tickets-filter-group{display:flex;flex-direction:column;gap:12px}.filter-control{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#94a3b8}.filter-control select{padding:10px 12px;background:#111827;border:1px solid #334155;color:#fff;border-radius:8px}.tickets-main{flex:1;display:flex;flex-direction:column;gap:16px}.tickets-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tickets-toolbar h1{font-size:1.6rem;color:#38bdf8}.tickets-actions{display:flex;gap:8px}.search{padding:10px 12px;background:#0b1220;border:1px solid #334155;color:#fff;border-radius:8px;min-width:260px}.clear{padding:10px 12px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:8px;cursor:pointer}.ticket-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px;margin-bottom:16px}.ticket-card h2{margin:0 0 12px;font-size:1.1rem;color:#e2e8f0}.ticket-form .row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-main-layout{display:flex;gap:20px;align-items:flex-start;margin-top:20px}.form-main-column{flex:2;display:flex;flex-direction:column;gap:16px;min-width:0}.form-ticket-column{flex:1;min-width:0}.ticket-url-panel{display:flex;flex-direction:column;gap:6px}.ticket-url-panel textarea{min-height:260px}.prefill-section{border:1px solid #1f2937;background:#0c1626;border-radius:12px;padding:16px;margin-bottom:20px}.prefill-section__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.prefill-section__header h3{margin:0;font-size:1rem;color:#e2e8f0}.prefill-section__header p{margin:0;font-size:.85rem;color:#94a3b8}.prefill-button{padding:8px 12px;border-radius:999px;border:1px solid #334155;background:transparent;color:#e2e8f0;font-weight:600;cursor:default}.ticket-form .row.inline-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.ticket-form .row.inline-grid.triple{grid-template-columns:repeat(3,minmax(220px,1fr))}.ticket-form .row.inline-grid.service-prefill-grid{grid-template-columns:3fr 1fr 1fr;gap:16px}.ticket-form .row.inline-grid.quad-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.ticket-form .row.inline-grid.triple.compact-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.ticket-form .prefill-field{display:flex;flex-direction:column;gap:6px}.ticket-form .row.inline-grid.double-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.ticket-form .full-width{grid-column:1 / -1}.ticket-form label{font-size:.85rem;color:#94a3b8}.ticket-form input,.ticket-form textarea,.ticket-form select{width:100%;max-width:100%;padding:10px 12px;background:#111827;border:1px solid #334155;color:#fff;border-radius:8px;box-sizing:border-box}.ticket-form textarea{resize:vertical}.ticket-form .input-hint{margin-top:4px;font-size:.8rem;color:#94a3b8}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-dropzone{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:10px;border:1px dashed #334155;background:#0c1626;cursor:pointer;transition:border-color .15s ease,background .15s ease}.image-dropzone:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.image-dropzone.dragging{border-color:#38bdf8;background:#38bdf814}.image-dropzone.disabled{opacity:.6;cursor:not-allowed}.image-dropzone__text{display:flex;flex-direction:column;gap:4px}.image-dropzone__text strong{color:#e2e8f0}.image-dropzone__text span{color:#cbd5e1;font-size:.95rem}.image-dropzone__badge{padding:6px 10px;border-radius:999px;background:#1e293b;border:1px solid #334155;color:#e2e8f0;font-size:.85rem;white-space:nowrap}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:12px}.image-tile{position:relative;display:flex;flex-direction:column;gap:6px;background:transparent;border:none;border-radius:12px;overflow:hidden;padding:6px 10px 10px 6px;margin:0;cursor:grab;transition:opacity .15s ease}.image-tile:active{cursor:grabbing}.image-tile.is-dragging{opacity:.7}.image-tile.is-drop-target{opacity:.9}.image-tile img,.image-tile__placeholder{width:100%;height:auto;display:block;object-fit:contain;background:#0f172a}.image-tile__placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.9rem;letter-spacing:.08em;background:#1e293b}.image-tile__remove{position:absolute;top:4px;right:4px;width:32px;height:32px;border-radius:50%;border:none;background:#0f172ae6;color:#fef2f2;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.image-tile__remove:hover{background:#7f1d1de6}.image-tile__types{display:flex;gap:6px;align-items:center;justify-content:center;padding:0 36px;width:100%;transform:translate(-42px)}.image-type-option{display:inline-flex;align-items:center;gap:2px;color:#e2e8f0;font-size:.8rem;cursor:pointer}.image-type-option input{accent-color:#8b5cf6;cursor:pointer;width:12px;height:12px}.image-tile__preview-button{display:block;width:100%;margin:0;border:none;background:transparent;cursor:zoom-in;border-radius:12px;overflow:hidden;padding:0}.image-tile__preview-button img,.image-tile__preview-button .image-tile__placeholder{border:none}.image-tile__footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-right:8px}.image-chip__status{color:#e2e8f0;font-weight:600}.image-chip__size{color:#94a3b8;font-size:.85rem}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.image-preview__body{position:relative;max-width:90vw;max-height:90vh;background:#0b1220;border:1px solid #1e293b;border-radius:12px;box-shadow:0 10px 40px #00000073;padding:16px;display:flex;justify-content:center;align-items:center}.image-preview__body img{max-width:100%;max-height:80vh;display:block;object-fit:contain;border-radius:8px}.image-preview__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1f;color:#e2e8f0;cursor:pointer;font-size:20px;line-height:1}.image-preview__close:hover{background:#fff3}.actions{display:flex;gap:10px;margin-top:8px}.actions--top{justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-bottom:8px;margin-top:0}.primary{padding:10px 14px;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.primary.disabled,.primary:disabled{opacity:.5;cursor:not-allowed;background:#1e293b;border:1px dashed #475569}.ghost{padding:10px 14px;background:transparent;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer}.danger{padding:10px 14px;background:linear-gradient(90deg,#ef4444,#b91c1c);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.danger:disabled{opacity:.5;cursor:not-allowed;background:#7f1d1d;border:1px dashed #7f1d1d}.publish-btn{padding:10px 14px;background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.publish-btn:disabled{opacity:.5;cursor:not-allowed;background:#1f2937;border:1px dashed #475569}.status-pill{border:1px solid #334155;background:#111827;color:#e2e8f0;text-transform:capitalize}.status-pill.status-open{background:#0b3a2b;color:#6ee7b7}.status-pill.status-in-progress{background:#2d1b4f;color:#c084fc}.ticket-locked-note{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#94a3b81a;color:#e2e8f0;border:1px dashed #475569}.ticket-form__fieldset{border:none;padding:0;margin:0}.table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.table-head__title{display:flex;align-items:baseline;gap:8px;margin:0;font-size:1.1rem;color:#e2e8f0}.table-head__controls{display:flex;align-items:center;gap:16px;font-size:.85rem;color:#94a3b8}.rows-control{display:flex;align-items:center;gap:8px}.rows-control select{padding:6px 12px;background:#080d17;border:1px solid #1f2937;color:#f8fafc;border-radius:999px}.pagination{display:flex;align-items:center;gap:12px}.pagination-buttons{display:flex;gap:6px}.pager{width:32px;height:32px;border-radius:999px;border:1px solid #1f2937;background:#080d17;color:#f8fafc;cursor:pointer}.pager:disabled{opacity:.4;cursor:not-allowed}.ticket-count{font-size:.9rem;color:#94a3b8}.table-wrap{overflow:auto;border-radius:12px}.tickets-table{width:100%;border-collapse:collapse;background:#0f172a;border-radius:12px;overflow:hidden}.tickets-table th,.tickets-table td{padding:10px 12px;border-bottom:1px solid #1f2a44;text-align:left}.tickets-table td .ticket-link{color:#38bdf8;text-decoration:none;font-weight:600}.tickets-table td .ticket-link:hover{text-decoration:underline}.tickets-table thead th{background:#0b1220;color:#a5b4fc;-webkit-user-select:none;user-select:none}.tickets-table tbody tr:hover{background:#0c1626}.empty{text-align:center;padding:24px;color:#94a3b8}.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0c1626;border:1px solid #1f2937;border-radius:12px;padding:12px 14px;margin:12px 0}.bulk-toolbar__status{color:#cbd5e1;font-weight:600}.bulk-toolbar__actions{display:flex;align-items:center;gap:8px}.actions-header{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.actions-header input{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:2px solid #334155;border-radius:5px;background:#0b1220;box-shadow:0 0 0 1px #0f172a inset;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.actions-header input:checked{border-color:#38bdf8;background:linear-gradient(135deg,#38bdf8,#3b82f6);box-shadow:0 0 0 1px #38bdf859}.actions-header input:checked:after{content:"";display:block;width:6px;height:10px;margin:0 auto;border:solid #0b1220;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.actions-header input:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.row-actions{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.row-actions__readonly{color:#94a3b8;font-size:.85rem;font-style:italic}.row-select{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.row-select input{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:2px solid #334155;border-radius:5px;background:#0b1220;box-shadow:0 0 0 1px #0f172a inset;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.row-select input:checked{border-color:#38bdf8;background:linear-gradient(135deg,#38bdf8,#3b82f6);box-shadow:0 0 0 1px #38bdf859}.row-select input:checked:after{content:"";display:block;width:6px;height:10px;margin:0 auto;border:solid #0b1220;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.row-select input:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.service-name-cell{display:flex;align-items:center;gap:12px}.service-name-value{color:#e2e8f0}.small{padding:6px 10px;background:#1f2937;color:#e2e8f0;border:1px solid #334155;border-radius:6px;cursor:pointer}.small:hover{background:#273244}.small.danger{border-color:#7f1d1d;color:#fecaca;background:#3f1d1d}.sortable-header{cursor:pointer}.sortable-header__content{display:inline-flex;align-items:center;gap:6px}.sort-label{display:inline-block}.sort-indicator{display:flex;flex-direction:column;line-height:.8;font-size:.75rem;color:#475569}.sort-indicator .active{color:#f8fafc}.pill{padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.pill.low{background:#0b3a2b;color:#6ee7b7}.pill.medium{background:#253149;color:#93c5fd}.pill.high{background:#3a1b2a;color:#f9a8d4}.pill.critical{background:#3d0c0c;color:#fca5a5}.role-banner{padding:12px 16px;border-radius:10px;border:1px solid #b45309;background:#b4530926;color:#fcd34d;font-size:.9rem}.role-banner strong{margin-right:6px}.role-banner__roles{margin-top:6px;font-size:.85rem;color:#e2e8f0}.bulk-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.bulk-modal__body{background:#0b1220;border:1px solid #1f2937;border-radius:14px;box-shadow:0 14px 50px #0009;padding:18px;width:min(960px,90vw);max-height:90vh;overflow:auto}.bulk-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bulk-modal__header h3{margin:0 0 4px;color:#e2e8f0}.bulk-modal__header p{margin:0;color:#94a3b8}.bulk-modal__close{width:34px;height:34px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;cursor:pointer;font-size:18px}.bulk-modal__close:hover{background:#111c2c}.bulk-form__grid{display:grid;gap:8px}.bulk-form__row{display:grid;grid-template-columns:1.2fr 2.2fr .6fr;align-items:center;gap:12px;padding:10px 12px;background:#0f172a;border:1px solid #1f2937;border-radius:10px}.bulk-form__row--head{background:transparent;border-color:transparent;padding-top:0;padding-bottom:0;color:#94a3b8;font-weight:700}.bulk-form__label{color:#e2e8f0;font-weight:600}.bulk-form__control select{width:100%;padding:10px 12px;background:#111827;border:1px solid #334155;color:#f8fafc;border-radius:8px}.bulk-form__apply{display:flex;justify-content:center}.bulk-form__apply input{width:18px;height:18px;accent-color:#38bdf8;cursor:pointer}.bulk-form__error{margin:10px 0 0;color:#fca5a5;font-weight:600}.bulk-form__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}@media (max-width: 960px){.tickets-layout,.form-main-layout{flex-direction:column}.tickets-filters{width:100%;position:static}.tickets-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.tickets-actions{flex-wrap:wrap}.search{width:100%;min-width:0}.ticket-form .row.inline-grid.service-prefill-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.ticket-form .row.inline-grid.quad-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.ticket-form .row.inline-grid.triple.compact-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 720px){.ticket-form .row.inline-grid.service-prefill-grid{grid-template-columns:1fr}.bulk-toolbar{flex-direction:column;align-items:flex-start}.bulk-form__row{grid-template-columns:1fr;align-items:flex-start}.bulk-form__row--head{grid-template-columns:repeat(3,1fr)}.ticket-form .row.inline-grid.quad-grid,.ticket-form .row.inline-grid.triple.compact-grid,.ticket-form .row.inline-grid.double-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.ticket-url-panel textarea{min-height:200px}}@media (max-width: 520px){.actions--top{flex-direction:column;align-items:stretch}.ticket-form .row.inline-grid.quad-grid,.ticket-form .row.inline-grid.triple.compact-grid,.ticket-form .row.inline-grid.double-grid{grid-template-columns:1fr}.form-main-layout{margin-top:12px}.ticket-url-panel textarea{min-height:160px}.prefill-section__header{flex-direction:column;align-items:flex-start}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='59.428' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23000522ff'/><path d='M0 70.975V47.881m20-1.692L8.535 52.808v13.239L20 72.667l11.465-6.62V52.808zm0-32.95l11.465-6.62V-6.619L20-13.24 8.535-6.619V6.619L20 13.24m8.535 4.927v13.238L40 38.024l11.465-6.62V18.166L40 11.546zM20 36.333L0 47.88m0 0v23.094m0 0l20 11.548 20-11.548V47.88m0 0L20 36.333m0 0l20 11.549M0 11.547l-11.465 6.619v13.239L0 38.025l11.465-6.62v-13.24L0 11.548v-23.094l20-11.547 20 11.547v23.094M20 36.333V13.24'  stroke-linecap='square' stroke-width='1' stroke='%23000730ff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");color:#f1f5f9}.home-container{min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.home-container h1{font-size:3rem;color:#38bdf8;margin-bottom:1rem}.home-container p{font-size:1.2rem;max-width:600px;line-height:1.6;margin-bottom:2rem}.home-container button{padding:.8rem 1.5rem;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;font-size:1rem;transition:transform .2s ease,background .3s ease}.home-container button:hover{transform:scale(1.05);background:linear-gradient(90deg,#0ea5e9,#2563eb)}.manage-page{padding:24px;color:#f1f5f9;display:flex;flex-direction:column;gap:16px}.manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;align-items:stretch}.manage-page h1{font-size:1.8rem;color:#38bdf8;margin:0}.manage-page p{color:#94a3b8;font-size:1rem;margin:0 0 8px}.manage-alert{padding:12px 16px;border-radius:10px;font-weight:500}.manage-alert.error{background:#ef444426;border:1px solid #ef4444;color:#fecaca}.manage-alert.success{background:#10b98126;border:1px solid #10b981;color:#bbf7d0}.manage-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:16px}.manage-card h2{margin:0;color:#e2e8f0}.manage-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.manage-card-head span{color:#94a3b8;font-size:.9rem}.manage-form{display:flex;flex-direction:column;gap:12px}.manage-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#cbd5f5}.manage-form input,.manage-form select,.manage-form textarea{padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:.95rem}.manage-form textarea{resize:vertical}.manage-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.inline-form{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.inline-form label{flex:1 1 220px}.inline-form .primary{margin-top:22px}.manage-table-wrap{overflow:auto}.manage-table{width:100%;border-collapse:collapse;min-width:0}.manage-table th,.manage-table td{padding:10px 12px;border-bottom:1px solid #192133;text-align:left}.manage-table th{background:#0b1220;color:#a5b4fc;position:sticky;top:0}.manage-table tbody tr:nth-child(odd){background:#0f172a66}.primary{padding:10px 14px;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;align-self:flex-start}.primary:disabled{opacity:.7;cursor:not-allowed}.manage-page .manage-table-block{display:flex;gap:8px;align-items:stretch}.manage-page .manage-table-block .manage-table-wrap{flex:1}.manage-page .manage-slider{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:28px;color:#94a3b8;font-size:.7rem}.manage-page .manage-slider input[type=range]{flex:1;writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:14px;min-height:120px;accent-color:#38bdf8}.manage-page .manage-slider__label{text-align:center;font-size:.65rem;line-height:1.2}.manage-page .row-actions{display:flex;gap:8px;flex-wrap:wrap}.manage-page .small{padding:6px 10px;background:#1f2937;color:#e2e8f0;border:1px solid #334155;border-radius:6px;cursor:pointer;font-size:.85rem}.manage-page .small:hover:not(:disabled){background:#273244}.manage-page .small:disabled{opacity:.6;cursor:not-allowed}.manage-page .small.danger{border-color:#7f1d1d;color:#fecaca;background:#3f1d1d}@media (max-width: 900px){.manage-table{min-width:0}}@media (max-width: 720px){.manage-form-grid,.manage-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.inline-form .primary{margin-top:0}}.users-page{padding:24px;min-height:100%;display:flex;align-items:flex-start;justify-content:center;color:#f1f5f9}.users-page__card{width:min(90%,1200px);background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:24px;text-align:center}.users-page__card h1{margin:0 0 8px;font-size:1.8rem;color:#38bdf8}.users-page__card p{margin:0;color:#94a3b8}.users-page__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.users-page__actions{display:flex;align-items:center;gap:12px}.users-search{background:#0f172a;border:1px solid #1f2937;border-radius:999px;padding:6px 14px;color:#f1f5f9;min-width:220px}.users-search::placeholder{color:#64748b}.users-page__count{color:#94a3b8;font-size:.9rem}.users-page__alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:500}.users-page__alert.error{background:#ef444426;border:1px solid #ef4444;color:#fecaca}.users-page__alert.success{background:#10b98126;border:1px solid #10b981;color:#bbf7d0}.users-create{margin:6px 0 12px;padding:14px 16px;background:#0f172a80;border:1px dashed #1f2937;border-radius:12px;display:flex;flex-direction:column;gap:10px;text-align:left}.users-create__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.users-create label{display:flex;flex-direction:column;gap:6px;color:#cbd5f5;font-size:.9rem}.users-create input{padding:10px 12px;background:#0f172a;border:1px solid #1f2937;border-radius:8px;color:#f1f5f9}.users-create__hint{margin:0;color:#94a3b8;font-size:.9rem}.users-create .primary{width:100%;min-height:44px;align-self:flex-start}@media (min-width: 840px){.users-create .primary{width:auto;min-width:160px}}.users-table-wrap{overflow:auto}.users-table{width:100%;border-collapse:collapse;min-width:520px}.users-table th,.users-table td{padding:12px 14px;border-bottom:1px solid #1e293b;text-align:left}.users-table th{background:#0b1220;color:#a5b4fc;font-weight:600}.users-table tbody tr:nth-child(odd){background:#0f172a66}.role-cell{display:flex;flex-direction:column;gap:10px}.role-pill-list{display:flex;flex-wrap:wrap;gap:6px}.role-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#38bdf81a;color:#7dd3fc;font-size:.75rem;text-transform:capitalize}.role-pill__remove{border:none;background:transparent;color:#94a3b8;cursor:pointer;padding:0;font-size:.8rem}.role-pill__remove:disabled{opacity:.4;cursor:not-allowed}.role-actions{display:flex;flex-wrap:wrap;gap:8px}.role-actions select,.role-actions button{background:#0f172a;border:1px solid #1f2937;color:#f1f5f9;border-radius:6px;padding:6px 10px}.role-actions button{cursor:pointer;background:#38bdf8;border-color:transparent;color:#0b1220;font-weight:600}.role-actions button:disabled{opacity:.5;cursor:not-allowed}.user-actions{text-align:right}.user-actions .danger{background:#ef4444;border:none;border-radius:6px;padding:6px 12px;color:#fff;font-weight:600;cursor:pointer}.user-actions .danger:disabled{opacity:.5;cursor:not-allowed}.muted{color:#64748b;font-size:.85rem}.clients-page .client-filter-cell{min-width:220px}.clients-page .filter-control{display:flex;flex-direction:column;gap:8px}.clients-page .filter-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.clients-page .filter-actions select,.clients-page .filter-actions button{background:#0f172a;border:1px solid #1f2937;color:#f1f5f9;border-radius:6px;padding:6px 10px}.clients-page .filter-actions select{min-width:180px}.clients-page .filter-actions button{cursor:pointer;background:#38bdf8;border-color:transparent;color:#0b1220;font-weight:600}.clients-page .filter-actions button:disabled{opacity:.5;cursor:not-allowed}.clients-page .role-pill-list{gap:8px}.clients-page .client-select{width:100%;min-height:96px;background:#0f172a;border:1px solid #1f2937;border-radius:10px;color:#f1f5f9;padding:8px}.clients-page .client-select option{padding:4px 6px}.clients-page .filter-label{display:block}.clients-page .helper-text{display:block;margin-bottom:6px;color:#94a3b8;font-size:.85rem}.clients-page .save-cell{text-align:right}.dashboard{padding:24px;color:#f1f5f9;display:flex;flex-direction:column;gap:16px}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.dashboard-title h1{margin:0;font-size:2rem;color:#38bdf8}.dashboard .eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#94a3b8;margin:0 0 4px}.dashboard .lede{margin:4px 0 0;color:#cbd5f5;max-width:720px}.dashboard-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dashboard-actions .meta{background:#0b1220;border:1px solid #1f2937;border-radius:10px;padding:10px 12px;min-width:220px}.dashboard-actions .meta-label{display:block;color:#94a3b8;font-size:.85rem}.dashboard-actions .meta-value{color:#e2e8f0;font-weight:700}.dashboard-alert{padding:12px 14px;border-radius:10px;border:1px solid #ef4444;background:#ef44441f;color:#fecaca}.kpi-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.kpi-label{color:#94a3b8;font-size:.9rem}.kpi-value{font-size:2rem;font-weight:700;color:#e2e8f0}.kpi-sub{color:#cbd5f5;font-size:.9rem}.kpi-pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;color:#cbd5f5;border:1px solid #1f2937;background:#3b82f61f;align-self:flex-start}.kpi-pill.accent{background:#38bdf81f;border-color:#38bdf880}.kpi-pill.success{background:#10b9811f;border-color:#10b98166}.kpi-pill.subtle{background:#94a3b81a;border-color:#94a3b84d}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.dashboard-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}.dashboard-card h2{margin:0;color:#e2e8f0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.card-head .dim{color:#94a3b8;font-size:.9rem}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.fact{padding:12px;border:1px solid #192133;border-radius:12px;background:#0f172a}.fact-value{display:block;font-size:1.6rem;font-weight:700;color:#e2e8f0}.fact-label{color:#94a3b8;font-size:.9rem}.priority-list{display:flex;flex-direction:column;gap:10px}.priority-row{display:flex;flex-direction:column;gap:6px}.priority-meta{display:flex;justify-content:space-between;gap:12px;color:#cbd5f5}.priority-name{font-weight:600}.priority-count{color:#94a3b8}.priority-bar{height:8px;border-radius:999px;background:#111827;overflow:hidden;border:1px solid #1f2937}.priority-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#3b82f6);border-radius:999px}.placeholder{color:#94a3b8;margin:4px 0 0}.recent-item{padding:12px 14px;border:1px solid #192133;border-radius:12px;background:#0f172a}.recent-title{font-weight:700;color:#e2e8f0}.status-chip{padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid #1f2937;color:#e2e8f0;background:#3b82f629}.status-chip.status-open{background:#38bdf826;border-color:#38bdf866}.status-chip.status-in-progress{background:#eab30824;border-color:#eab30859;color:#fcd34d}.status-chip.status-closed,.status-chip.status-done,.status-chip.status-resolved{background:#10b98124;border-color:#10b98166;color:#bbf7d0}.recent-meta{display:flex;gap:8px;color:#94a3b8;font-size:.9rem;margin-top:6px;flex-wrap:wrap}@media (max-width: 600px){.dashboard{padding:16px}.dashboard-head{align-items:flex-start}.kpi-grid{grid-template-columns:1fr}}.portal-page{--page-bg: #f6f7fb;--panel-bg: #ffffff;--panel-sub: #f9fafb;--text-primary: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--card-shadow: 0 12px 32px rgba(31, 41, 55, .12);--accent-1: #9b2cf3;--accent-2: #a855f7;--accent-soft: rgba(155, 44, 243, .1);--accent-soft-2: rgba(155, 44, 243, .08);--avatar-bg: linear-gradient(135deg, #9b2cf3, #a855f7);--table-header: #f9fafb;background:var(--page-bg);min-height:100vh;padding:24px;color:var(--text-primary);box-sizing:border-box}.portal-page.theme-dark{--page-bg: #0c1220;--panel-bg: #0f172a;--panel-sub: #0b1220;--text-primary: #e5e7eb;--text-muted: #9ca3af;--border: #1f2937;--card-shadow: 0 12px 32px rgba(0, 0, 0, .4);--accent-soft: rgba(155, 44, 243, .2);--accent-soft-2: rgba(155, 44, 243, .18);--table-header: #111827}.portal-shell{display:grid;grid-template-columns:240px 1fr;gap:20px}.portal-nav{background:var(--panel-bg);border-radius:20px;box-shadow:var(--card-shadow);padding:18px 14px;display:flex;flex-direction:column;gap:16px}.brand{display:flex;align-items:center;gap:12px;padding:10px 12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#c084fc,#a855f7);color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:.03em}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-weight:700;color:var(--text-primary)}.brand-sub{color:var(--text-muted);font-size:.85rem}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-pill{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;border-radius:12px;color:var(--text-primary);font-weight:600;text-align:left;cursor:pointer;transition:all .2s ease}.nav-pill:hover{background:var(--accent-soft);color:var(--accent-1)}.nav-pill.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;box-shadow:0 12px 30px #a855f759}.nav-icon{width:18px;text-align:center}.nav-label{flex:1}.nav-footer{margin-top:auto;padding:10px}.nav-footer-card{border-radius:14px;padding:12px;background:var(--accent-soft);color:var(--accent-1);border:1px dashed rgba(124,58,237,.4)}.nav-footer-label{margin:0;font-weight:700}.nav-footer-value{margin:4px 0 0;font-size:.9rem}.nav-footer-btn{margin-top:10px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:linear-gradient(135deg,#9b2cf3,#a855f7);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #a855f759}.nav-footer-btn:hover{opacity:.9}.portal-main{background:var(--page-bg);display:flex;flex-direction:column;gap:18px}.hero{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--panel-bg);padding:18px;border-radius:16px;box-shadow:var(--card-shadow)}.hero-title{margin:4px 0;font-size:1.8rem;color:var(--text-primary)}.hero .lede{margin:6px 0 0;color:var(--text-muted);max-width:720px}.hero-meta{display:flex;align-items:center;gap:12px}.hero-sync{background:var(--panel-sub);border:1px solid var(--border);padding:10px 12px;border-radius:12px;min-width:220px}.portal-top{background:var(--panel-bg);border-radius:16px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--card-shadow);gap:12px;flex-wrap:wrap}.top-copy h1{margin:0;font-size:1.7rem;color:var(--text-primary)}.welcome{margin:0;color:var(--text-muted);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.theme-toggle{padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text-primary);font-weight:700;cursor:pointer}.theme-toggle:hover{border-color:var(--accent-1)}.refresh-btn{padding:10px 12px;border:none;border-radius:10px;background:linear-gradient(135deg,#9b2cf3,#a855f7);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #a855f759}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.search{background:var(--panel-sub);border-radius:12px;padding:8px 12px;border:1px solid var(--border);min-width:260px}.search input{border:none;background:transparent;width:100%;outline:none;color:var(--text-primary);font-size:.95rem}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#9b2cf3,#a855f7);color:#fff;display:grid;place-items:center;font-weight:700}.content-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kpi-card{background:var(--panel-bg);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--card-shadow)}.kpi-label{color:var(--text-muted);font-size:.9rem}.kpi-value{font-size:2rem;font-weight:800;color:var(--text-primary)}.kpi-sub{color:var(--text-muted);font-size:.95rem}.kpi-pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;color:var(--text-muted);border:1px solid var(--border);background:var(--panel-sub);align-self:flex-start}.kpi-pill.accent{background:var(--accent-soft);color:var(--accent-1)}.kpi-pill.success{background:#10b98133;color:#0f5132}.kpi-pill.subtle{background:#94a3b82e;color:var(--text-primary)}.error-banner{margin:8px 0;padding:10px 12px;border-radius:12px;background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.top-meta{color:var(--text-muted);font-weight:600;margin:4px 0 0}.card{background:var(--panel-bg);border-radius:18px;padding:16px;box-shadow:var(--card-shadow)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}.fact{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-sub)}.fact-value{display:block;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.fact-label{color:var(--text-muted);font-size:.9rem}.priority-bars{display:flex;flex-direction:column;gap:10px}.priority-bar-row{display:flex;flex-direction:column;gap:6px}.priority-bar-head{display:flex;justify-content:space-between;color:var(--text-primary)}.priority-bar-track{height:10px;border-radius:999px;background:var(--panel-sub);border:1px solid var(--border);overflow:hidden}.priority-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-radius:999px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.muted{color:var(--text-muted);margin:0 0 4px;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--text-muted);margin:0 0 4px}.card h3{margin:0;color:var(--text-primary)}.pill{padding:6px 10px;background:var(--accent-soft);color:var(--accent-1);border-radius:999px;font-weight:700;font-size:.85rem}.pill.light{background:var(--accent-soft-2);color:var(--accent-1)}.streams-chart{width:100%;height:280px}.streams-area{fill:url(#streamGradient)}.streams-line{fill:none;stroke:#8b5cf6;stroke-width:4}.streams-dot{fill:#8b5cf6;stroke:#fff;stroke-width:2}.pie-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}.pie-shell{display:flex;justify-content:center;align-items:center;padding:8px}.pie-chart{width:220px;height:220px}.pie-hole{fill:var(--panel-bg);stroke:var(--border);stroke-width:1}.pie-label{fill:var(--text-primary);font-size:1.6rem;font-weight:800;text-anchor:middle;dominant-baseline:central}.pie-sub{fill:var(--text-muted);font-size:.9rem;text-anchor:middle}.pie-empty{color:var(--text-muted);font-weight:700;padding:16px}.axis{display:grid;grid-template-columns:repeat(12,1fr);color:var(--text-muted);font-weight:600;font-size:.9rem;margin-top:4px}.axis span{text-align:center}.bubbles .bubble-wrap{display:grid;grid-template-columns:repeat(4,minmax(60px,1fr));gap:8px;align-items:center;justify-items:center;padding:12px 4px 8px}.bubble{border-radius:50%;opacity:.9}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:var(--text-primary);font-weight:600}.legend-item{display:flex;align-items:center;gap:6px}.legend-item .dot{width:12px;height:12px;border-radius:50%}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.recent-item{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel-sub);box-shadow:0 8px 18px #0000001f}.recent-main{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.recent-title{font-weight:700;color:var(--text-primary)}.recent-meta{display:flex;gap:8px;color:var(--text-muted);font-size:.9rem;margin-top:6px;flex-wrap:wrap}.tickets-card{background:var(--panel-bg);border-radius:18px;padding:16px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px}.table-wrap{width:100%;overflow:auto}.ticket-table{width:100%;border-collapse:collapse}.ticket-table th,.ticket-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.95rem}.ticket-table th{background:var(--table-header);position:sticky;top:0;z-index:1}.ticket-table .truncate{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap;gap:10px}.rows-control{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:600}.rows-control select{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text-primary);font-weight:700}.pagination{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:600}.page-indicator{color:var(--text-primary)}.pager-btn{width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text-primary);cursor:pointer;display:grid;place-items:center;font-weight:800}.pager-btn:disabled{opacity:.5;cursor:not-allowed}.clickable-row{cursor:pointer;transition:background .15s ease}.clickable-row:hover{background:#94a3b81a}.priority-chip{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;border:1px solid var(--border);background:var(--panel-sub);color:var(--text-primary)}.view-btn{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text-primary);cursor:pointer;font-weight:700}.view-btn:hover{border-color:var(--accent-1)}.status-chip{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid var(--border);color:var(--text-primary);background:var(--panel-sub);font-weight:700;box-shadow:0 2px 6px #00000014}.status-chip.status-open{background:#38bdf840;border-color:#38bdf8b3;color:#0b4f6c}.status-chip.status-in-progress{background:#eab30842;border-color:#eab308b3;color:#92400e}.status-chip.status-closed,.status-chip.status-done,.status-chip.status-resolved{background:#10b98142;border-color:#10b981b3;color:#0f5132}.info-card{gap:6px}.info-list{margin:0;padding-left:18px;color:var(--text-primary);display:flex;flex-direction:column;gap:4px}.metric-card{background:var(--panel-bg);border-radius:16px;padding:14px 16px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{margin:0;color:var(--text-primary);font-weight:700}.metric-change{font-weight:700}.metric-change.up{color:#16a34a}.metric-change.down{color:#dc2626}.metric-value{font-size:1.8rem;font-weight:800;color:var(--text-primary)}.sparkline{width:100%;height:50px}.sparkline path{stroke:currentColor;stroke-width:3}.accent-red{color:#dc2626}.accent-purple{color:#7c3aed}.accent-orange{color:#f59e0b}.accent-red{color:#ef4444}.accent-green{color:#22c55e}.accent-slate{color:var(--text-muted)}.placeholder{color:var(--text-muted);font-weight:600}@media (max-width: 1024px){.portal-shell{grid-template-columns:1fr}.portal-nav{flex-direction:row;align-items:flex-start;overflow-x:auto}.nav-list{flex-direction:row;flex-wrap:wrap}.nav-pill{min-width:140px}.content-grid{grid-template-columns:1fr}}@media (max-width: 640px){.portal-page{padding:16px}.top-actions{width:100%;justify-content:space-between}.search{flex:1}}.portal-ticket-page{--page-bg: #f6f7fb;--panel-bg: #ffffff;--panel-sub: #f9fafb;--text-primary: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--card-shadow: 0 18px 40px rgba(0, 0, 0, .18);--accent-1: #9b2cf3;--accent-2: #a855f7;min-height:100vh;padding:24px;color:var(--text-primary);box-sizing:border-box;background:var(--page-bg)}.portal-ticket-page.theme-dark{--page-bg: #0c1220;--panel-bg: #0f172a;--panel-sub: #0b1220;--text-primary: #e5e7eb;--text-muted: #9ca3af;--border: #1f2937;--card-shadow: 0 18px 40px rgba(0, 0, 0, .35)}.portal-ticket-shell{background:var(--panel-bg);border-radius:18px;padding:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:14px;border:1px solid var(--border)}.printable-card{max-width:900px;margin:0 auto}.ticket-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--border, #1f2937);padding-bottom:12px}.ticket-header h1{margin:4px 0}.muted{color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.back-btn{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text-primary);cursor:pointer}.print-btn{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;cursor:pointer;font-weight:700}.ticket-body{display:flex;flex-direction:column;gap:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.detail-field{padding:10px 12px;border-radius:12px;background:var(--panel-sub);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.detail-label{color:var(--text-muted);font-weight:700;font-size:.9rem}.detail-value{color:var(--text-primary)}.description-block,.images-block{background:var(--panel-sub);border:1px solid var(--border);border-radius:14px;padding:14px}.image-grid{column-width:260px;column-gap:12px;margin-top:12px}.image-card{display:block;margin:0 0 12px;break-inside:avoid;border-radius:12px;overflow:hidden;box-shadow:none;background:transparent}.image-card img{width:100%;height:auto;display:block;border-radius:12px}.priority-chip{padding:6px 10px;border-radius:999px;font-weight:700;border:1px solid var(--border)}.priority-chip.priority-critical{background:#ef44443d;border-color:#ef4444b3;color:#fecaca}.priority-chip.priority-high{background:#eab3083d;border-color:#eab308b3;color:#facc15}.priority-chip.priority-medium{background:#3b82f63d;border-color:#3b82f6b3;color:#bfdbfe}.priority-chip.priority-low{background:#10b9813d;border-color:#10b981b3;color:#bbf7d0}.priority-chip.priority-unspecified{background:var(--panel-sub, #0b1220);color:var(--text-muted, #9ca3af)}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='59.428' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23000522ff'/><path d='M0 70.975V47.881m20-1.692L8.535 52.808v13.239L20 72.667l11.465-6.62V52.808zm0-32.95l11.465-6.62V-6.619L20-13.24 8.535-6.619V6.619L20 13.24m8.535 4.927v13.238L40 38.024l11.465-6.62V18.166L40 11.546zM20 36.333L0 47.88m0 0v23.094m0 0l20 11.548 20-11.548V47.88m0 0L20 36.333m0 0l20 11.549M0 11.547l-11.465 6.619v13.239L0 38.025l11.465-6.62v-13.24L0 11.548v-23.094l20-11.547 20 11.547v23.094M20 36.333V13.24'  stroke-linecap='square' stroke-width='1' stroke='%23000730ff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");color:#f1f5f9}html,body,#root,.app-container{min-height:100%;display:flex;flex-direction:column}.main-content{flex:1}