:root{--color-primary: #0b2545;--color-primary-contrast: #ffffff;--color-secondary: #2563eb;--color-secondary-dark: #1d4ed8;--color-secondary-contrast: #ffffff;--color-background: #ffffff;--color-surface: #f5f7fa;--color-border: #e2e8f0;--color-text: #1a2433;--color-text-muted: #52606d;--color-accent: #16a34a;--color-accent-dark: #15803d;--color-accent-contrast: #ffffff;--color-danger: #b91c1c;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(11, 37, 69, .08);--shadow-md: 0 4px 16px rgba(11, 37, 69, .12);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .45);--max-content-width: 1120px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:2px solid transparent;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.btn--primary{background-color:var(--color-secondary);color:var(--color-secondary-contrast)}.btn--primary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn--outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-primary-contrast)}.btn--whatsapp{background-color:var(--color-accent);color:var(--color-accent-contrast)}.btn--whatsapp:hover:not(:disabled){background-color:var(--color-accent-dark)}.form{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.form-field input,.form-field select,.form-field textarea{font-family:var(--font-family-base);font-size:var(--font-size-base);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background-color:var(--color-background)}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-secondary)}.form-field--checkbox label{display:flex;align-items:flex-start;gap:var(--space-2);font-weight:400}.form-field--checkbox input{margin-top:3px}.form-field-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.form-error-banner{background-color:#fef2f2;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0}.form-success-banner{background-color:#f0fdf4;border:1px solid var(--color-accent-dark);color:var(--color-accent-dark);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0}.auth-page{background-color:var(--color-surface);min-height:calc(100vh - 264px);display:flex;align-items:flex-start}.auth-page__inner{display:flex;justify-content:center;padding-top:var(--space-6);padding-bottom:var(--space-6)}.auth-card{width:100%;max-width:420px;background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.auth-card h1{font-size:var(--font-size-xl)}.auth-card__links{margin-top:var(--space-3);font-size:var(--font-size-sm);text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.summary-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.summary-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.summary-card__value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)}.summary-card__hint{font-size:var(--font-size-sm);margin-bottom:0}.summary-note{margin-bottom:var(--space-5)}.support-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);max-width:480px}.badge{display:inline-block;font-size:var(--font-size-sm);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm)}.badge--overdue{background-color:#fee2e2;color:#991b1b}.badge--due-very-soon{background-color:#ffedd5;color:#9a3412}.badge--due-soon{background-color:#fef3c7;color:#92400e}.badge--current{background-color:#dcfce7;color:#166534}.empty-state{background-color:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;max-width:480px}.data-table{width:100%;border-collapse:collapse;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table th,.data-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.data-table th{background-color:var(--color-surface);color:var(--color-text-muted);font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table-wrapper{overflow-x:auto}.ticket-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0;max-width:640px}.ticket-list__item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.ticket-list__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}.ticket-list__reply{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.link-button{display:inline;padding:0;margin-right:var(--space-2);border:none;background:none;color:var(--color-secondary);font-family:var(--font-family-base);font-size:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.link-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#0f172a80}.overlay__panel{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.detail-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0}.detail-list dt{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600}.detail-list dd{margin:0}.filters-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.filters-row .form-field{min-width:180px}.filters-row select,.filters-row input{font-family:var(--font-family-base);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.pagination{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.private-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-surface)}.private-shell__header{background-color:var(--color-primary);color:var(--color-primary-contrast)}.private-shell__header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2);padding-bottom:var(--space-2)}.private-shell__brand{color:var(--color-primary-contrast);font-weight:700;text-decoration:none}.private-shell__user{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm)}.private-shell__user-menu{position:relative}.private-shell__user-button{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:1px solid rgba(255,255,255,.5);color:var(--color-primary-contrast);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);cursor:pointer}.private-shell__user-button:hover{background-color:#ffffff1a}.private-shell__user-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.private-shell__user-icon{width:18px;height:18px}.private-shell__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;min-width:220px;margin:0;padding:var(--space-2);list-style:none;background-color:var(--color-background);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.private-shell__dropdown-link{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.private-shell__dropdown-link:hover{background-color:var(--color-surface)}.private-shell__dropdown-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.private-shell__dropdown-link--button{color:var(--color-danger)}.private-shell__logout{background:none;border:1px solid rgba(255,255,255,.5);color:var(--color-primary-contrast);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-family-base);cursor:pointer}.private-shell__logout:hover{background-color:#ffffff1a}.private-shell__logout:focus-visible{outline:none;box-shadow:var(--focus-ring)}.private-shell__tabs{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.private-shell__tabs-inner{display:flex;gap:var(--space-4);overflow-x:auto}.private-shell__tabs-inner a{display:inline-block;padding:var(--space-3) var(--space-1);color:var(--color-text-muted);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);border-bottom:3px solid transparent;white-space:nowrap}.private-shell__tabs-inner a:hover{color:var(--color-primary)}.private-shell__tabs-inner a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.private-shell__tabs-inner a.is-active{color:var(--color-primary);border-bottom-color:var(--color-secondary)}.private-shell__content{flex:1;padding-top:var(--space-5);padding-bottom:var(--space-6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);line-height:1.5}h1,h2,h3,h4{color:var(--color-primary);line-height:1.2;margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3);color:var(--color-text-muted)}a{color:var(--color-secondary)}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-2);z-index:100;background-color:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;font-weight:600}.skip-link:focus{top:var(--space-2)}