:root{--color-primary: #10162f;--color-primary-contrast: #ffffff;--color-secondary: #3157f6;--color-secondary-dark: #1f3db8;--color-secondary-contrast: #ffffff;--color-background: #ffffff;--color-surface: #f7f8fc;--color-border: #e5e8f0;--color-text: #10162f;--color-text-muted: #68718a;--color-accent: #16a77a;--color-accent-dark: #0f7f5b;--color-accent-contrast: #ffffff;--color-danger: #b91c1c;--color-cyan: #21b8cb;--color-cyan-dark: #12879a;--color-violet: #6959f5;--color-violet-dark: #4b3ed1;--color-orange: #ff9a5c;--color-orange-dark: #e0703a;--color-maroon: #7a1f3d;--color-maroon-dark: #591530;--color-maroon-contrast: #ffffff;--font-family-base: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading: "Space Grotesk", var(--font-family-base);--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: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(16, 22, 47, .08);--shadow-md: 0 18px 45px rgba(24, 36, 94, .12);--focus-ring: 0 0 0 3px rgba(49, 87, 246, .45);--max-content-width: 1160px}.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,transform .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);box-shadow:0 12px 22px #3157f633}.btn--primary:hover:not(:disabled){background-color:var(--color-secondary-dark);transform:translateY(-2px)}.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;-webkit-overflow-scrolling:touch;background-image:linear-gradient(to right,var(--color-background) 0,rgba(255,255,255,0) 24px),linear-gradient(to left,var(--color-background) 0,rgba(255,255,255,0) 24px),linear-gradient(to right,#10162f24,#10162f00 10px),linear-gradient(to left,#10162f24,#10162f00 10px);background-position:left,right,left,right;background-repeat:no-repeat;background-size:24px 100%,24px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}@media(max-width:640px){.data-table th,.data-table td{padding:var(--space-2);font-size:var(--font-size-sm)}}.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{position:relative;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.private-shell__tabs-burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:40px;height:40px;padding:0;margin:var(--space-1) 0;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;flex-shrink:0}.private-shell__tabs-burger span{display:block;width:20px;height:2px;border-radius:1px;background-color:var(--color-primary);transition:transform .2s ease,opacity .2s ease}.private-shell__tabs-burger:hover{background-color:var(--color-surface)}.private-shell__tabs-burger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.private-shell__tabs-burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.private-shell__tabs-burger[aria-expanded=true] span:nth-child(2){opacity:0}.private-shell__tabs-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.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)}@media(max-width:899px){.private-shell__tabs-burger{display:flex}.private-shell__tabs-inner{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;overflow-x:visible;padding-bottom:var(--space-2);background-color:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:15}.private-shell__tabs-inner.is-open{display:flex}.private-shell__tabs-inner a{display:block;width:100%;padding:var(--space-3) var(--space-4);border-bottom:none;border-left:3px solid transparent}.private-shell__tabs-inner a.is-active{border-bottom-color:transparent;border-left-color:var(--color-secondary);background-color:var(--color-surface)}}.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);font-family:var(--font-family-heading);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 var(--space-3)}h1 em,h2 em{color:var(--color-secondary);font-style:normal}.section-eyebrow{display:flex;align-items:center;gap:var(--space-2);color:var(--color-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.17em;margin:0 0 var(--space-2)}.section-eyebrow:before{content:"";width:29px;height:2px;background-color:var(--color-secondary)}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)}