@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg-root: #F4F6FA;--color-bg-surface: #ffffff;--color-bg-surface-hover: #f1f5f9;--color-border: #E4E9F0;--color-text-primary: #0F172A;--color-text-secondary: #64748b;--color-text-tertiary: #94A3B8;--color-navy: #0D1E3A;--color-gold: #C4973E;--color-gold-light: #FDF5E0;--color-primary: #0D1E3A;--color-primary-hover: #1A3563;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning-bg: #fef9c3;--color-warning-text: #854d0e;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-info-bg: #e0f2fe;--color-info-text: #075985;--color-neutral-bg: #f1f5f9;--color-neutral-text: #475569;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-bg-root);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.ant-table-wrapper{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.ant-table-thead>tr>th{text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding:12px 16px!important;border-bottom:1px solid var(--color-border)!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border)!important;padding:16px!important}.ant-drawer-content{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(-45deg,#0f172a,#1e293b,#334155,#0f172a);background-size:400% 400%;animation:gradient-bg 15s ease infinite;position:relative;overflow:hidden}@keyframes gradient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-page:before,.auth-page:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);z-index:0;animation:float 10s ease-in-out infinite alternate}.auth-page:before{width:clamp(300px,40vw,500px);height:clamp(300px,40vw,500px);background:#38bdf833;top:-10%;left:-10%}.auth-page:after{width:clamp(400px,50vw,600px);height:clamp(400px,50vw,600px);background:#9333ea26;bottom:-15%;right:-10%;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.auth-card-container{z-index:1;width:100%;max-width:440px;animation:fade-in-up .8s cubic-bezier(.16,1,.3,1)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{width:100%;background:#fffffff2!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)!important;border-radius:12px!important;box-shadow:0 10px 30px -12px #00000040!important}.auth-card .ant-card-body{padding:24px!important}.auth-card .ant-form-item-label>label{color:var(--color-text-primary)!important;font-weight:600;font-size:13px}.auth-card .ant-input,.auth-card .ant-input-password{border-radius:var(--radius-sm);padding:6px 12px;border-color:var(--color-border);background:#fff;transition:all .3s ease;font-size:14px}.auth-card .ant-input:focus,.auth-card .ant-input-password:focus-within,.auth-card .ant-input:hover,.auth-card .ant-input-password:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #0d1e3a14}.auth-card .ant-btn-primary{height:40px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;background:linear-gradient(to right,var(--color-primary),var(--color-primary-hover));border:none;box-shadow:0 2px 10px #0d1e3a4d;transition:all .3s ease;margin-top:4px}.auth-card .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0d1e3a59;opacity:.98}.auth-card .ant-btn-link{color:var(--color-text-secondary);font-weight:500;transition:color .2s ease;font-size:13px}.auth-card .ant-btn-link:hover{color:var(--color-primary)}.auth-logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.auth-logo-container img{max-width:140px;margin-bottom:8px}.auth-logo-container .ant-typography{color:var(--color-text-secondary);font-size:13px;margin:0;text-align:center}.app-shell{min-height:100vh}.app-logo{height:64px;display:flex;align-items:center;padding:0 var(--space-6);color:#fff;font-size:18px;font-weight:700;letter-spacing:-.02em}.ant-layout-sider,.ant-menu-dark{background:#0f172a!important}.app-header{height:auto;min-height:72px;padding:16px var(--space-6);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);position:sticky;top:0;z-index:10}.header-title{margin:0!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.2}.header-meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.header-icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-surface)}.header-icon-button:hover{color:var(--color-primary)!important;border-color:#bfdbfe!important;background:#eff6ff!important}.app-content{padding:var(--space-6) var(--space-8);max-width:1440px;margin:0 auto;width:100%}.page-stack{display:grid;gap:var(--space-6)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.drawer-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.drawer-section{background:var(--color-bg-root);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--color-border)}.drawer-section-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.ant-form-item{margin-bottom:var(--space-4)}.ant-form-item-label>label{color:var(--color-text-secondary)!important;font-weight:500}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.notification-drawer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.notification-filter{display:inline-flex;align-items:center;gap:var(--space-2)}.notification-list .ant-list-item{padding:0;border-block-end:none}.notification-list .ant-list-item+.ant-list-item{margin-top:var(--space-3)}.notification-card{width:100%;border-radius:var(--radius-lg)}.notification-card--unread{background:#eff6ff;border-color:#bfdbfe}.notification-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.notification-unread-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:600}.notification-card-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.notification-load-more{text-align:center;margin-top:var(--space-4)}.ant-descriptions-item-label{color:var(--color-text-secondary)!important;font-weight:500;background:transparent!important}.ant-descriptions-item-content{color:var(--color-text-primary)!important;font-weight:500}.complaint-drawer-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:var(--space-4);padding:var(--space-6);align-items:start}.complaint-drawer-main,.complaint-drawer-side{display:grid;gap:var(--space-4)}.complaint-hero-card,.complaint-chat-card,.complaint-side-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.complaint-hero-card{padding:var(--space-6);display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.complaint-hero-copy{display:grid;gap:var(--space-2)}.complaint-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.complaint-chat-card,.complaint-side-card{padding:20px}.complaint-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.complaint-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.complaint-attachment-chip{max-width:100%;background:#ffffffb8;border:1px solid var(--color-border);border-radius:18px;padding:6px 12px}.complaint-attachment-preview{width:100%;max-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);display:block}.complaint-reply-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.complaint-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}@media(max-width:1080px){.complaint-drawer-layout{grid-template-columns:1fr}}@media(max-width:760px){.app-header{align-items:flex-start;flex-direction:column}.app-content,.complaint-drawer-layout{padding:var(--space-4)}.complaint-hero-card,.complaint-reply-actions{flex-direction:column;align-items:stretch}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}