:root{color-scheme:light;--gnet-primary: #0646ad;--gnet-primary-hover: #0b55d9;--gnet-primary-strong: #043588;--gnet-primary-soft: #e8f0ff;--gnet-ink: #071638;--gnet-accent: #00d9ff;--gnet-accent-strong: #00a8c7;--gnet-gradient: linear-gradient(135deg, var(--gnet-primary) 0%, #0b62e6 60%, var(--gnet-accent) 140%);--gnet-gradient-hero: linear-gradient(135deg, #073a93 0%, var(--gnet-primary) 55%, #0b62e6 100%);--gnet-danger: #d7192d;--gnet-success: #17b441;--gnet-warning: #c98a00;--surface-app: #f4f8ff;--surface-base: #ffffff;--surface-muted: #eef4ff;--surface-elevated: #ffffff;--surface-overlay: rgb(7 22 56 / 12%);--text-primary: #071638;--text-secondary: #3d5673;--text-muted: #5b6c84;--text-inverse: #ffffff;--border-default: #d7e2f0;--border-strong: #bdd0e8;--divider-default: #e6eef8;--focus-ring: #0b55d9;--focus-ring-soft: rgb(11 85 217 / 22%);--status-success-bg: #e8f8ec;--status-success-text: #0f7e2b;--status-warning-bg: #fff5db;--status-warning-text: #8f5c00;--status-error-bg: #fff0f2;--status-error-text: #b21629;--status-info-bg: #e8f0ff;--status-info-text: #0646ad;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-1: 8px;--radius-2: 12px;--radius-3: 16px;--radius-4: 20px;--shadow-sm: 0 8px 20px rgb(7 22 56 / 8%);--shadow-md: 0 18px 40px rgb(7 22 56 / 12%);--touch-target-min: 48px;--content-max-xs: 20rem;--content-max-sm: 36rem;--content-max-md: 45rem;--content-max-lg: 60rem;--z-shell-header: 40;--z-shell-nav: 45;--z-banner: 60;--z-modal: 80;--font-family-base: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-body: 1rem;--font-size-title: clamp(1.5rem, 2vw + 1rem, 2rem);--font-size-heading: 1.25rem;--font-size-subtitle: 1rem;--font-size-support: .875rem;--font-size-caption: .8125rem;--line-height-body: 1.5;--line-height-heading: 1.2;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--app-min-height: 100svh;--app-min-height-dynamic: 100dvh;--color-primary: var(--gnet-primary);--color-primary-hover: var(--gnet-primary-hover);--color-primary-dark: var(--gnet-primary-strong);--color-primary-subtle: var(--gnet-primary-soft);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-border: var(--border-default);--color-surface: var(--surface-base);--color-surface-subtle: var(--surface-muted);--color-surface-hover: #f0f5ff;--color-error: var(--status-error-text);--color-error-bg: var(--status-error-bg);--color-error-border: #f0c8cf;--color-status-bg: var(--status-info-bg);--color-status-text: var(--status-info-text)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--surface-app);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--safe-area-top) + var(--space-4))}body{min-height:100vh;min-height:var(--app-min-height);min-height:var(--app-min-height-dynamic);margin:0;overflow-x:hidden;background:linear-gradient(180deg,#f8fbff 0%,var(--surface-app) 42%,#edf4ff 100%);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}gnet-root{display:block;min-height:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button,select,textarea,input:not([type=checkbox]):not([type=radio]){min-height:var(--touch-target-min)}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-base)}textarea{resize:vertical}::placeholder{color:var(--text-muted)}a{color:var(--gnet-primary);text-decoration:none;text-decoration-thickness:.08em;text-underline-offset:.18em}@media(hover:hover){a:hover{color:var(--gnet-primary-hover)}}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-soft)}::selection{background:#00d9ff38;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0;color:inherit;font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}p,dl,dd,figure{margin:0}ul,ol{padding:0}address{font-style:normal}code,pre{font-family:Cascadia Code,Cascadia Mono,Consolas,Courier New,monospace}.sr-only,.app-shell__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-panel-subtitle{color:var(--text-secondary);font-size:var(--font-size-support)}.app-form-field{display:grid;gap:var(--space-3)}.app-form-label{font-size:var(--font-size-support);font-weight:var(--font-weight-semibold)}.app-form-help,.app-form-error{font-size:var(--font-size-caption);line-height:1.45}.app-form-help{color:var(--text-secondary)}.app-form-error{color:var(--status-error-text)}.app-page-back-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);width:fit-content;color:var(--gnet-primary);font-size:var(--font-size-support);font-weight:var(--font-weight-semibold);line-height:1.35;overflow-wrap:anywhere}.app-tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app-brand-medallion{display:inline-flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;padding:.625rem;border-radius:999px;background:radial-gradient(circle at 30% 25%,#fffffff2,#ffffffc7),var(--gnet-gradient);box-shadow:0 10px 28px #0646ad38,inset 0 0 0 1px #fff9}.app-brand-medallion img{width:100%;height:100%;object-fit:contain}.app-brand-medallion--sm{width:3rem;height:3rem;padding:.375rem}.app-hero{position:relative;overflow:hidden;padding:var(--space-5);border-radius:var(--radius-4);background:var(--gnet-gradient-hero);color:var(--text-inverse);box-shadow:var(--shadow-md)}.app-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% -10%,rgba(0,217,255,.38),transparent 42%),radial-gradient(circle at 110% 120%,rgba(255,255,255,.16),transparent 45%);pointer-events:none}.app-hero>*{position:relative;z-index:1}.app-hero__status{display:inline-flex;align-items:center;gap:var(--space-1);min-height:1.85rem;padding:0 var(--space-3);border-radius:999px;background:#ffffff29;color:var(--text-inverse);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap}.app-hero__status:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:currentColor}.app-hero__status--success:before{color:#6bf2a0}.app-hero__status--warning:before{color:#ffd86b}.app-hero__status--danger:before{color:#ff9aa6}.app-hero__status--neutral:before{color:#ffffffb3}.app-hero__invoice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.22)}.app-hero__invoice-info{min-width:0}.app-hero__invoice-label{color:#ffffffd1;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.app-hero__invoice-value{margin-top:var(--space-1);font-size:1.7rem;font-weight:var(--font-weight-bold)}.app-hero__invoice-due{margin-top:2px;color:#ffffffd9;font-size:var(--font-size-support)}.app-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:0 var(--space-5);border-radius:var(--radius-2);background:var(--surface-base);color:var(--gnet-primary);font-weight:var(--font-weight-semibold);white-space:nowrap;text-decoration:none}.app-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.app-pager__btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-base);color:var(--gnet-primary);font-size:var(--font-size-support);font-weight:var(--font-weight-semibold)}.app-pager__btn:disabled{opacity:.45}.app-pager__status{color:var(--text-secondary);font-size:var(--font-size-support);font-weight:var(--font-weight-semibold)}.app-breadcrumb{min-width:0}.app-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;font-size:var(--font-size-support);line-height:1.3}.app-breadcrumb__item{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0}.app-breadcrumb__link{display:inline-flex;align-items:center;min-height:var(--touch-target-min);padding:0 var(--space-1);color:var(--gnet-primary);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.app-breadcrumb__separator{color:var(--text-muted)}.app-breadcrumb__current{display:inline-flex;align-items:center;min-height:var(--touch-target-min);color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.app-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-2);background:transparent;color:var(--text-primary);font-size:var(--font-size-support);font-weight:var(--font-weight-semibold);max-width:100%;min-width:0;line-height:1.35;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.app-action-button:active{transform:scale(.97)}.app-action-button--primary{background:var(--gnet-primary);color:var(--text-inverse)}@media(hover:hover){.app-action-button--primary:hover{background:var(--gnet-primary-hover)}}.app-action-button--secondary{border-color:var(--gnet-primary);color:var(--gnet-primary)}.app-action-button--ghost{border-color:var(--border-default);color:var(--text-secondary)}.app-action-button:disabled{opacity:.5}.app-status-message{padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-3);font-size:var(--font-size-support);line-height:1.45}.app-status-message--success{border-color:#17b44138;background:var(--status-success-bg);color:var(--status-success-text)}.app-status-message--error{border-color:var(--color-error-border);background:var(--status-error-bg);color:var(--status-error-text)}.app-status-message--warning{border-color:#c98a003d;background:var(--status-warning-bg);color:var(--status-warning-text)}.app-surface-card{border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-base);box-shadow:var(--shadow-sm)}.app-surface-card--interactive{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.app-surface-card--interactive:focus-visible{border-color:var(--focus-ring);transform:translateY(-1px);box-shadow:0 0 0 4px var(--focus-ring-soft),var(--shadow-md)}.app-surface-card--interactive:active{transform:scale(.985)}.app-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;padding:0 var(--space-3);border-radius:999px;border:1px solid transparent;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1.2;max-inline-size:100%;text-align:center;white-space:normal;overflow-wrap:anywhere}.app-status-badge--success{border-color:#17b4412e;background:var(--status-success-bg);color:var(--status-success-text)}.app-status-badge--warning{border-color:#c98a003d;background:var(--status-warning-bg);color:var(--status-warning-text)}.app-status-badge--danger{border-color:var(--color-error-border);background:var(--status-error-bg);color:var(--status-error-text)}.app-status-badge--neutral{border-color:var(--border-default);background:var(--surface-muted);color:var(--text-secondary)}.app-empty-state{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-3);background:#ffffffc2;box-shadow:var(--shadow-sm)}.app-skeleton{display:block;border-radius:var(--radius-1);background:linear-gradient(90deg,#e1eaf6eb,#f4f7fc,#e1eaf6eb);background-size:200% 100%;animation:app-skeleton-shimmer 1.4s linear infinite}@media(hover:hover){.app-surface-card--interactive:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}}@keyframes app-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}table{width:100%;border-collapse:collapse}.app-safe-top{padding-top:max(var(--space-4),var(--safe-area-top))}.app-safe-right{padding-right:max(var(--space-4),var(--safe-area-right))}.app-safe-bottom{padding-bottom:max(var(--space-4),var(--safe-area-bottom))}.app-safe-left{padding-left:max(var(--space-4),var(--safe-area-left))}.app-safe-x{padding-right:max(var(--space-4),var(--safe-area-right));padding-left:max(var(--space-4),var(--safe-area-left))}.app-safe-y{padding-top:max(var(--space-4),var(--safe-area-top));padding-bottom:max(var(--space-4),var(--safe-area-bottom))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-surface-card--interactive{transition:none}.app-action-button:active,.app-surface-card--interactive:active{transform:none}.app-skeleton{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}gnet-app-shell .app-shell__feedback{display:block;padding:var(--space-3) max(var(--space-4),var(--safe-area-right) + var(--space-3)) 0 max(var(--space-4),var(--safe-area-left) + var(--space-3))}gnet-app-shell .app-shell__content{min-width:0}@media(min-width:768px){gnet-app-shell .app-shell__feedback{max-width:var(--content-max-lg);margin:0 auto;padding:var(--space-4) max(var(--space-5),var(--safe-area-right) + var(--space-4)) 0 max(var(--space-5),var(--safe-area-left) + var(--space-4))}}@media(max-width:767px)and (orientation:landscape){gnet-app-shell .app-shell__header-inner{min-height:calc(3.5rem + var(--safe-area-top));padding-top:max(var(--space-1),var(--safe-area-top));padding-bottom:var(--space-2)}gnet-app-shell .app-shell__brand-image{width:clamp(6.75rem,22vw,8.5rem)}gnet-app-shell .app-shell__feedback{padding-top:var(--space-2)}gnet-app-shell .app-shell__main{padding-top:var(--space-3);padding-bottom:max(var(--space-4),var(--safe-area-bottom) + var(--space-3))}}