@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@300;400;500;600;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0&display=swap";:root{--md-sys-color-primary: #006a6a;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #6ff7f4;--md-sys-color-on-primary-container: #002020;--md-sys-color-secondary: #4b6261;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #cde8e6;--md-sys-color-on-secondary-container: #06201f;--md-sys-color-tertiary: #4a6078;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #d2e4ff;--md-sys-color-on-tertiary-container: #041c33;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-background: #fbf8f4;--md-sys-color-on-background: #1f1b16;--md-sys-color-surface: #fffbf6;--md-sys-color-on-surface: #1f1b16;--md-sys-color-surface-variant: #e7e1d9;--md-sys-color-on-surface-variant: #4c463f;--md-sys-color-outline: #7f766e;--md-sys-color-outline-variant: #d0c6bc;--md-sys-color-surface-tint: var(--md-sys-color-primary);--md-sys-shape-corner-extra-small: 6px;--md-sys-shape-corner-small: 10px;--md-sys-shape-corner-medium: 14px;--md-sys-shape-corner-large: 20px;--shadow-1: 0 1px 3px rgba(0, 0, 0, 0.12);--shadow-2: 0 12px 32px rgba(18, 32, 48, 0.14);--surface: var(--md-sys-color-surface);--surface-muted: var(--md-sys-color-surface-variant);--ink: var(--md-sys-color-on-surface);--muted: var(--md-sys-color-on-surface-variant);--border: var(--md-sys-color-outline-variant);--accent: var(--md-sys-color-primary);--accent-strong: #004f50;--accent-soft: #d7f5f2;--danger: var(--md-sys-color-error);--warning: #b45309;--ok: #166534}*{box-sizing:border-box}body{margin:0;font-family:"Roboto Flex","Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left, #ffffff 0%, #fbf8f4 45%, #f1ebe1 100%);min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-strong)}h1,h2,h3{margin:0 0 .5rem;letter-spacing:-0.01em}p{margin:0 0 1rem}md-filled-button,md-outlined-button,md-text-button{font-family:inherit;--md-filled-button-container-shape: var(--md-sys-shape-corner-large);--md-outlined-button-container-shape: var(--md-sys-shape-corner-large);--md-text-button-container-shape: var(--md-sys-shape-corner-large);--md-filled-button-label-text-weight: 600;--md-outlined-button-label-text-weight: 600;--md-text-button-label-text-weight: 600}md-filled-button{--md-filled-button-container-color: var(--md-sys-color-primary);--md-filled-button-label-text-color: var(--md-sys-color-on-primary)}md-outlined-button{--md-outlined-button-outline-color: var(--md-sys-color-outline);--md-outlined-button-label-text-color: var(--md-sys-color-primary)}md-text-button{--md-text-button-label-text-color: var(--md-sys-color-primary)}md-outlined-text-field,md-outlined-select{width:100%;--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-medium);--md-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--md-outlined-text-field-hover-outline-color: var(--md-sys-color-primary);--md-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--md-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--md-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-outlined-text-field-input-text-font: "Roboto Flex", "Segoe UI", sans-serif;--md-outlined-text-field-label-text-font: "Roboto Flex", "Segoe UI", sans-serif;--md-outlined-select-text-field-input-text-font: "Roboto Flex", "Segoe UI", sans-serif}md-checkbox{--md-checkbox-container-shape: 6px;--md-checkbox-selected-icon-color: var(--md-sys-color-on-primary);--md-checkbox-selected-container-color: var(--md-sys-color-primary);--md-checkbox-unselected-outline-color: var(--md-sys-color-outline)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand-link{font-weight:600;font-size:1.2rem}.nav{display:flex;align-items:center;gap:.75rem}.nav-meta{font-size:.85rem;color:var(--muted)}.nav-form{margin:0}.page{padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:.75rem}.stat-card{background:hsla(0,0%,100%,.88);border:1px solid var(--border);border-radius:16px;padding:.85rem 1rem;box-shadow:var(--shadow-1)}.stat-card .label{margin-bottom:.2rem}.stat-card .value{font-size:1.35rem;line-height:1.1}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1rem;margin-bottom:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:1.5rem;box-shadow:var(--shadow-2)}.auth-card{max-width:420px;margin:0 auto}.muted{color:var(--muted)}.small{font-size:.85rem}.form{display:grid;gap:1rem}.field{display:grid;gap:.5rem}.field.checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.field.checkbox label{cursor:pointer}.actions{display:flex;justify-content:flex-start}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.85rem .5rem;border-bottom:1px solid var(--border);text-align:left}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ticket-link{font-weight:600}.status,.priority{display:inline-flex;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface-muted)}.status-open{background:var(--accent-soft);color:var(--accent-strong)}.status-pending{background:#fef3c7;color:#92400e}.status-resolved{background:#dcfce7;color:var(--ok)}.status-closed{background:#e5e7eb;color:#374151}.priority-low{background:#e0f2fe;color:#075985}.priority-normal{background:#e5e7eb;color:#374151}.priority-high{background:#fee2e2;color:var(--danger)}.priority-urgent{background:#ffedd5;color:var(--warning)}.ticket-badges{display:flex;gap:.5rem;margin-bottom:1rem}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1rem;margin-bottom:1.5rem}.label{font-size:.75rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.value{font-weight:600}.ticket-description{font-size:1.02rem;line-height:1.6}.comment-list{display:grid;gap:1rem}.comment{padding:1rem;background:var(--surface-muted);border-radius:16px}.comment-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.tag{padding:.15rem .5rem;border-radius:999px;background:#fde68a;color:#92400e;font-weight:600;font-size:.7rem;text-transform:uppercase}.flash{padding:.8rem 1rem;border-radius:14px;font-weight:600;box-shadow:var(--shadow-1);transition:opacity .25s ease,transform .25s ease}.flash-hide{opacity:0;transform:translateY(-6px)}.flash-notice{background:#ecfdf3;color:#166534}.flash-alert{background:#fff1f2;color:#9f1239}.empty-state{padding:1rem;background:var(--surface-muted);border-radius:14px;color:var(--muted)}.form-errors{border:1px solid #fecdd3;background:#fff1f2;color:#9f1239;padding:.8rem 1rem;border-radius:14px;margin-bottom:1rem}.form-errors ul{margin:.5rem 0 0 1.25rem;padding:0}@media(max-width: 800px){.topbar{padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.page{padding:1.5rem}.page-header{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap}.table{display:block}.table thead{display:none}.table tr{display:grid;gap:.25rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.table td{border:none;padding:0}}