@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Fira Sans", system-ui, sans-serif;--font-mono:"Fira Code", ui-monospace, monospace;--radius-sm:.25rem;--radius-md:.375rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#6d4294;--color-on-primary:#fff;--color-secondary:#8e5bbf;--color-accent:#6d4294;--color-background:#0f172a;--color-foreground:#fff;--color-muted:#101a34;--color-muted-fg:#94a3b8;--color-destructive:#dc2626}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.break-all{word-break:break-all}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root,[data-theme=dark]{--color-primary:#6d4294;--color-on-primary:#fff;--color-secondary:#8e5bbf;--color-accent:#6d4294;--color-background:#0f172a;--color-foreground:#fff;--color-muted:#101a34;--color-muted-fg:#94a3b8;--color-border:#ffffff14;--color-destructive:#dc2626;--color-warning:#d97706;--color-ring:#6d4294;--brand-purple:#6d4294;--brand-purple-dark:#4d2b6b;--brand-purple-light:#8e5bbf;--brand-purple-glow:#6d429440;--brand-bg:#f8fafc;--brand-surface-tint:#f3eef8;--color-surface-elevated:#0f172aeb;--color-surface-overlay:#0f172af2;--color-surface-nav:#0f172af5;--color-surface-input:#0f172a99;--color-surface-subtle:#0f172a80;--color-surface-muted:#0f172a73;--color-surface-panel:#0f172a59;--color-surface-toggle:#0f172a73;--color-table-header:#0f172a8c;--color-table-header-strong:#0f172aa6;--color-shimmer:#ffffff0f;--color-shimmer-static:#ffffff0a;--color-modal-overlay:#0000008c;--color-focus-ring:#6d42944d;--color-nav-active:#8e5bbf2e;--color-chip-bg:#0f172a80;--color-row-hover:#8e5bbf14;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--font:"Fira Sans", system-ui, sans-serif;--font-mono:"Fira Code", ui-monospace, monospace;--touch-min:44px;--header-h:56px;--bottom-bar-h:72px;--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light]{--color-background:#f8fafc;--color-foreground:#0f172a;--color-muted:#fff;--color-muted-fg:#64748b;--color-border:#0f172a1f;--color-secondary:#6d4294;--color-surface-elevated:#ffffffeb;--color-surface-overlay:#fffffff2;--color-surface-nav:#fffffff5;--color-surface-input:#fff;--color-surface-subtle:#0f172a0a;--color-surface-muted:#0f172a0f;--color-surface-panel:#0f172a08;--color-surface-toggle:#0f172a0a;--color-table-header:#0f172a0a;--color-table-header-strong:#0f172a0f;--color-shimmer:#0f172a0f;--color-shimmer-static:#0f172a0a;--color-modal-overlay:#0f172a59;--color-focus-ring:#6d429433;--color-nav-active:#6d42941a;--color-chip-bg:#0f172a0a;--color-row-hover:#6d42940d;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 6px #0f172a14;--shadow-lg:0 10px 15px #0f172a1a}[data-theme=light] .badge--draft{color:#475569}[data-theme=light] .badge--pending{color:#b45309}[data-theme=light] .badge--approved{color:#047857}[data-theme=light] .badge--rejected{color:#b91c1c}[data-theme=light] .badge--cancelled{color:#64748b}[data-theme=light] .badge--buyer{color:#047857}[data-theme=light] .badge--supplier{color:#1d4ed8}[data-theme=light] .alert--error{color:#b91c1c}[data-theme=light] .alert--info{color:#1d4ed8}[data-theme=light] .field__error,[data-theme=light] .field-error{color:#dc2626}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:no-preference){html,body,.side-drawer,.app-header,.page-header,.bottom-bar,.main-nav,.card,.input,.select,.textarea,.field__input,.field__textarea,.chip,.btn,.data-table th,.data-table td,.kpi-card,.skeleton{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}}body{font-family:var(--font);color:var(--color-foreground);background:var(--color-background);min-height:100svh;margin:0;font-size:16px;line-height:1.5}#root{text-align:left;border-inline:1px solid var(--color-border);width:100%;max-width:640px;min-height:100svh;margin:0 auto}a{color:var(--color-secondary);text-decoration:none}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{min-height:100svh;padding-bottom:calc(var(--safe-bottom) + var(--space-md));flex-direction:column;display:flex}.page{padding:var(--space-md);padding-top:calc(var(--header-h) + var(--space-md));flex:1}.page-header{width:100%;max-width:640px;height:var(--header-h);align-items:center;gap:var(--space-sm);padding:0 var(--space-md);background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:50;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.page-header__title{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.125rem;font-weight:700;overflow:hidden}.page-header__action{flex-shrink:0}.bottom-bar{width:100%;max-width:640px;padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom));background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);z-index:50;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-bar .btn{width:100%}.page--with-bottom-bar{padding-bottom:calc(var(--bottom-bar-h) + var(--space-xl) + var(--safe-bottom))}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--touch-min);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.625rem 1.25rem;font-weight:600;transition:opacity .2s,transform .2s,background .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--color-accent);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){opacity:.92}.btn--secondary{color:var(--color-secondary);border:2px solid var(--color-primary);background:0 0}.btn--ghost{color:var(--color-muted-fg);min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-sm);background:0 0}.btn--destructive{background:var(--color-destructive);color:var(--color-on-primary)}.btn--sm{min-height:36px;padding:.375rem .875rem;font-size:.875rem}.btn--block{width:100%}.btn-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.btn-group--stack{flex-direction:column}.btn-group--stack .btn{width:100%}.card{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-md);transition:box-shadow .2s}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-lg)}.card+.card{margin-top:var(--space-md)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.card__title{margin:0;font-size:1rem;font-weight:600}.card__meta{color:var(--color-muted-fg);font-size:.875rem}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge--draft{color:#cbd5e1;background:#94a3b826}.badge--pending{color:#fbbf24;background:#d9770626}.badge--approved{color:#34d399;background:#05966926}.badge--rejected{color:#f87171;background:#dc262626}.badge--cancelled{color:#94a3b8;background:#64748b26}.form{gap:var(--space-md);flex-direction:column;display:flex}.form__actions{gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.field{gap:var(--space-xs);flex-direction:column;margin-bottom:0;display:flex}.field label,.field>span:first-child,.field__label{color:var(--color-muted-fg);font-size:.875rem;font-weight:500;display:block}.field__control{display:block}.field__hint{color:var(--color-muted-fg);font-size:.8125rem}.field__error,.field-error{color:#f87171;font-size:.8125rem}.field-error{margin-top:0}.input,.select,.textarea,.field__input,.field__textarea{width:100%;min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-input);color:var(--color-foreground);padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s}.textarea{resize:vertical;min-height:96px}.input:focus,.select:focus,.textarea:focus,.field__input:focus,.field__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.input--error,.field__input.input--error{border-color:var(--color-destructive)}.password-field{position:relative}.password-field__input{padding-right:3.25rem}.password-field__toggle{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--color-muted-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:0;right:0}.password-field__toggle:hover{color:var(--color-primary)}.password-field__toggle:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);color:var(--color-primary);outline:none}.line-items__header{display:none}@media (width>=480px){.line-items__header{gap:var(--space-sm);padding:0 var(--space-sm) var(--space-sm);color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr 80px 100px 100px 44px;font-size:.75rem;font-weight:600;display:grid}}.line-item{gap:var(--space-sm);padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:1fr;display:grid}@media (width>=480px){.line-item{padding:var(--space-sm);border:none;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;grid-template-columns:1fr 80px 100px 100px 44px;align-items:center;margin-bottom:0}}.line-item__label{color:var(--color-muted-fg);margin-bottom:2px;font-size:.75rem}@media (width>=480px){.line-item__label{display:none}}.line-item__total{text-align:right;font-weight:600}.line-items__footer{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.line-items__grand-total{color:var(--color-accent);font-size:1.25rem;font-weight:700}.timeline{padding-left:var(--space-lg);position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{padding-bottom:var(--space-lg);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item__dot{left:calc(-1 * var(--space-lg) + 2px);background:var(--color-primary);border:2px solid var(--color-background);border-radius:50%;width:12px;height:12px;position:absolute;top:6px}.timeline-item__dot--approve{background:var(--color-accent)}.timeline-item__dot--reject{background:var(--color-destructive)}.timeline-item__dot--submit{background:var(--color-warning)}.timeline-item__action{font-size:.9375rem;font-weight:600}.timeline-item__meta{color:var(--color-muted-fg);margin-top:2px;font-size:.8125rem}.timeline-item__comment{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-subtle);border-radius:var(--radius-sm);font-size:.875rem}.empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-muted-fg)}.empty-state__icon{margin:0 auto var(--space-md);opacity:.5}.empty-state__title{margin:0 0 var(--space-sm);color:var(--color-foreground);font-size:1.125rem;font-weight:600}.loading{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-muted-fg);flex-direction:column;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-secondary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:.875rem}.alert--error{color:#fca5a5;background:#dc26261f;border:1px solid #dc26264d}.alert--info{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f64d}.placeholder-box{padding:var(--space-lg);border:2px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-muted-fg)}.placeholder-box__title{margin:0 0 var(--space-xs);color:var(--color-foreground);font-weight:600}.section-title{margin:var(--space-lg) 0 var(--space-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-fg);font-size:.875rem;font-weight:600}.section-title:first-child{margin-top:0}.detail-row{justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);display:flex}.detail-row:last-child{border-bottom:none}.detail-row__label{color:var(--color-muted-fg);font-size:.875rem}.detail-row__value{text-align:right;font-weight:500}.fab{bottom:calc(var(--bottom-bar-h) + var(--safe-bottom) + var(--space-md));right:max(var(--space-md), calc(50% - 320px + var(--space-md)));background:linear-gradient(135deg, var(--color-primary), #6366f1);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);cursor:pointer;z-index:55;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:fixed}.fab:hover{transform:translateY(-2px);box-shadow:0 12px 20px #4f46e540}.fab:active{transform:scale(.97)}.app-header{width:100%;max-width:640px;height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:45;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.app-header__brand{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.app-header__logo{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:1.625rem;display:block}[data-theme=light] .app-header__logo{filter:brightness(0)saturate()invert(29%)sepia(47%)saturate(1633%)hue-rotate(242deg)brightness(92%)contrast(89%)}.app-header__subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-fg);font-size:.6875rem;font-weight:600}.app-header__theme-toggle{min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-toggle);color:var(--color-muted-fg);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.app-header__theme-toggle:hover{background:var(--color-nav-active);border-color:var(--brand-purple-glow);color:var(--color-foreground)}.app-header__theme-toggle .side-drawer__theme-label{display:none}.app-shell__content{flex:1;min-width:0}.side-drawer{display:none}.main-nav{width:100%;max-width:640px;padding:8px 8px calc(8px + var(--safe-bottom));background:var(--color-surface-nav);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.main-nav__menu{font:inherit;cursor:pointer;background:0 0;border:0}.main-nav__menu.main-nav__item--active{color:var(--color-foreground)}.mobile-drawer{z-index:60;position:fixed;inset:0}.mobile-drawer__backdrop{cursor:pointer;background:#0f0a167a;border:0;padding:0;position:absolute;inset:0}.mobile-drawer__panel{width:min(86vw,320px);height:100%;padding:var(--space-md) var(--space-sm) calc(var(--space-lg) + var(--safe-bottom));background:linear-gradient(180deg, var(--brand-purple-dark) 0%, var(--brand-purple) 100%);color:#fff;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow-y:auto;box-shadow:8px 0 32px #0f0a1647}[data-theme=light] .mobile-drawer__panel{background:linear-gradient(180deg, #fff 0%, var(--brand-surface-tint) 100%);color:var(--color-foreground)}.mobile-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);padding-inline:var(--space-xs);display:flex}.mobile-drawer__title{margin:0;font-size:1.125rem;font-weight:700}.mobile-drawer__subtitle{letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3;margin:.25rem 0 0;font-size:.75rem;font-weight:600}[data-theme=light] .mobile-drawer__subtitle{color:var(--brand-purple)}.mobile-drawer__close{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;justify-content:center;align-items:center;display:inline-flex}[data-theme=light] .mobile-drawer__close{background:#6d42940f;border-color:#6d42942e}.mobile-drawer__nav{flex-direction:column;gap:2px;display:flex}.mobile-drawer__nav .main-nav__item{color:#ffffffdb;flex-direction:row;justify-content:flex-start;gap:.75rem;min-height:2.75rem;padding:.625rem .75rem;font-size:.9375rem}[data-theme=light] .mobile-drawer__nav .main-nav__item{color:#475569}.mobile-drawer__nav .main-nav__item--active{color:#fff;background:#ffffff29}[data-theme=light] .mobile-drawer__nav .main-nav__item--active{color:var(--brand-purple-dark);background:#6d429424}@media (width>=768px){#root{border-inline:none;max-width:none}}@media (width>=1366px){.app-shell{width:100%;max-width:none;padding-bottom:var(--safe-bottom);flex-direction:row;margin:0}.app-shell--with-nav{padding-bottom:var(--safe-bottom)}.side-drawer{width:var(--sidebar-w,220px);min-height:100svh;padding:var(--space-md) var(--space-sm);background:linear-gradient(180deg, var(--brand-purple-dark) 0%, var(--brand-purple) 100%);color:#fff;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;align-self:flex-start;transition:width .2s,padding .2s;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #31154826}[data-theme=light] .side-drawer{background:linear-gradient(180deg, #fff 0%, var(--brand-surface-tint) 100%);color:var(--color-foreground);border-right:1px solid #6d429426;box-shadow:4px 0 20px #6d42940f}.side-drawer__brand{margin-bottom:var(--space-lg);padding-inline:var(--space-xs);min-height:2.5rem}.side-drawer__logo-img{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:2.375rem;display:block}[data-theme=light] .side-drawer__logo-img--full{filter:brightness(0)saturate()invert(29%)sepia(47%)saturate(1633%)hue-rotate(242deg)brightness(92%)contrast(89%)}.side-drawer__logo-img--compact{object-fit:contain;width:2.25rem;height:2.25rem;margin:0 auto;display:none}.side-drawer__subtitle{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin-top:.375rem;font-size:.6875rem;font-weight:700;display:block}[data-theme=light] .side-drawer__subtitle{color:var(--brand-purple)}.side-drawer__nav{flex-direction:column;flex:1;gap:2px;display:flex}.side-drawer__nav .main-nav__item{white-space:nowrap;color:#ffffffc7;border-radius:var(--radius-sm);flex-direction:row;justify-content:flex-start;align-items:center;gap:.625rem;min-height:2.5rem;padding:.5rem .625rem;font-size:.875rem}[data-theme=light] .side-drawer__nav .main-nav__item{color:#475569}.side-drawer__nav .main-nav__item:hover{color:#fff;background:#ffffff1a}[data-theme=light] .side-drawer__nav .main-nav__item:hover{color:var(--brand-purple-dark);background:#6d429414}.side-drawer__nav .main-nav__item--active{color:#fff;background:#ffffff29;box-shadow:inset 3px 0 #ffffffd9}[data-theme=light] .side-drawer__nav .main-nav__item--active{color:var(--brand-purple-dark);box-shadow:inset 3px 0 0 var(--brand-purple);background:#6d429424}.side-drawer__label{text-overflow:ellipsis;overflow:hidden}.side-drawer__theme-toggle{border-radius:var(--radius-sm);color:#ffffffd1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;min-height:2.25rem;margin-top:auto;padding:.5rem .625rem;font-size:.8125rem;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:flex}[data-theme=light] .side-drawer__theme-toggle{color:#64748b;background:#ffffffb3;border-color:#6d42942e}.side-drawer__theme-toggle:hover{color:#fff;background:#ffffff24;border-color:#ffffff47}[data-theme=light] .side-drawer__theme-toggle:hover{color:var(--brand-purple-dark);background:#6d429414;border-color:#6d429447}.side-drawer__theme-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-drawer__toggle{border-radius:var(--radius-sm);color:#ffffffd1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;min-height:2.25rem;margin-top:auto;padding:.5rem .625rem;font-size:.8125rem;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:flex}[data-theme=light] .side-drawer__toggle{color:#64748b;background:#ffffffb3;border-color:#6d42942e}.side-drawer__toggle:hover{color:#fff;background:#ffffff24;border-color:#ffffff47}[data-theme=light] .side-drawer__toggle:hover{color:var(--brand-purple-dark);background:#6d429414;border-color:#6d429447}.side-drawer--collapsed{width:var(--sidebar-w-collapsed,60px);padding-inline:var(--space-xs)}.side-drawer--collapsed .side-drawer__brand{text-align:center;padding-inline:0}.side-drawer--collapsed .side-drawer__logo-img--full,.side-drawer--collapsed .side-drawer__subtitle,.side-drawer--collapsed .side-drawer__label,.side-drawer--collapsed .side-drawer__toggle-label,.side-drawer--collapsed .side-drawer__theme-label{display:none}.side-drawer--collapsed .side-drawer__logo-img--compact{display:block}.side-drawer--collapsed .side-drawer__nav .main-nav__item,.side-drawer--collapsed .side-drawer__theme-toggle,.side-drawer--collapsed .side-drawer__toggle{justify-content:center;padding-inline:.5rem}.app-shell__content{flex-direction:column;flex:1;min-width:0;display:flex}.main-nav,.mobile-drawer{display:none}.hidden-md-up{display:none!important}}.profile-logout{align-self:flex-start;width:auto}.page--detail{min-width:0}.po-detail-page.detail-layout{gap:var(--space-lg)}.po-detail-page .detail-layout__main,.po-detail-page .detail-layout__aside{gap:var(--space-md);flex-direction:column;display:flex}.po-detail-page .section-title{margin-top:0;margin-bottom:var(--space-sm)}.po-detail-page .detail-row{align-items:flex-start}.po-detail-page .detail-row__label{flex:auto;min-width:0}.po-detail-page .detail-row__value{word-break:break-word;flex-shrink:0;min-width:0}.po-detail-page__description{margin:var(--space-md) 0 0;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.po-detail-page__history-title{margin-top:var(--space-lg)}.po-detail-page .detail-layout__full .section-title{margin-top:0}.page--detail>.breadcrumb{margin-bottom:0}@media (width>=1366px){.po-detail-page.detail-layout{gap:var(--space-xl)}}.invoice-detail-page{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.invoice-detail-page .detail-hero{gap:var(--space-xs);flex-direction:column;display:flex}.invoice-detail-page .card{margin-top:0}.page--detail .skeleton-invoice-detail{gap:var(--space-md)}.page--detail .skeleton-invoice-detail .skeleton-detail-hero{margin-bottom:0}.payable-detail-page{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.payable-detail-page .detail-hero{gap:var(--space-xs);flex-direction:column;display:flex}.payable-detail-page .card{margin-top:0}.payable-detail-page__links .section-title{margin:0 0 var(--space-sm)}.payable-detail-page__receipt-upload{gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.payable-detail-page__actions .btn{width:100%}.page--detail .skeleton-payable-detail{gap:var(--space-md)}.page--detail .skeleton-payable-detail .skeleton-detail-hero{margin-bottom:0}@media (width>=1366px){.payable-detail-page{gap:var(--space-lg)}.payable-detail-page__actions .btn{align-self:flex-start;width:auto}.skeleton-payable-detail__action{width:10rem!important}}.party-page.detail-layout{gap:var(--space-lg)}.party-page .detail-layout__main,.party-page .detail-layout__aside{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.party-page .section-title{margin-top:0;margin-bottom:var(--space-sm)}.party-page .card{margin-top:0}.party-page .detail-row{align-items:flex-start}.party-page .detail-row__label{flex:auto;min-width:0}.party-page .detail-row__value{word-break:break-word;flex-shrink:0;min-width:0}@media (width>=1366px){.party-page.detail-layout{gap:var(--space-xl)}}@media (width<=767px){.app-shell__content:has(.party-page)>.page-header .btn-group{gap:var(--space-xs)}.app-shell__content:has(.party-page)>.page-header .btn--sm{min-height:32px;padding:.25rem .625rem;font-size:.8125rem}}.profile-page.detail-layout{gap:var(--space-lg);flex-direction:column;display:flex}.profile-page__body{gap:var(--space-lg);flex-direction:column;width:100%;min-width:0;display:flex}.profile-page__body .card+.card{margin-top:0}.profile-page__top{gap:var(--space-md);grid-template-columns:1fr;display:grid}.profile-page__avatar-card,.profile-page__account-card{gap:var(--space-sm);flex-direction:column;display:flex}.profile-page__account-card .card__title{margin:0}.profile-page__account-email{margin:0 0 var(--space-md)}.profile-page__account-card .profile-logout{margin-top:auto}.profile-page .form-grid{gap:var(--space-md)}.profile-page .form__actions{margin-top:var(--space-sm)}.profile-avatar{align-items:flex-start;gap:var(--space-lg);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.skeleton-profile-avatar{border-radius:50%;flex-shrink:0}.profile-avatar__preview{border:2px solid var(--color-border);background:var(--color-surface-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;display:flex;overflow:hidden}.profile-avatar__image{object-fit:cover;width:100%;height:100%}.profile-avatar__initials{color:var(--color-muted-fg);font-size:1.25rem;font-weight:600}.profile-avatar__actions{align-items:flex-start;gap:var(--space-sm);flex-direction:column;flex:1;min-width:min(100%,16rem);display:flex}.profile-avatar__buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}.profile-avatar__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-avatar__hint,.profile-avatar__filename{color:var(--color-muted-fg);margin:0;font-size:.8125rem;line-height:1.4}.profile-avatar__filename{word-break:break-all}.form-feedback{margin:var(--space-sm) 0 0;font-size:.875rem}.form-feedback--success{color:#34d399}.form-feedback--error{color:#f87171}@media (width>=768px){.profile-page__top{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:stretch}}@media (width>=1366px){:is(.app-shell__content:has(.profile-page)>.page-header,.profile-page.detail-layout){width:100%;max-width:48rem;margin-inline:auto}.profile-page__top{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-page .form-grid{column-gap:var(--space-lg);row-gap:var(--space-md)}:is(.profile-page .form-grid .field:has(.field--full),.profile-page .form-grid .field--full){grid-column:1/-1}.profile-page .form-grid .field{margin-bottom:0}}.main-nav .main-nav__item{flex-direction:column;gap:4px;padding:6px 4px}@media (width>=768px){.hidden-md-up{display:none!important}}@media (width<=1365px){.hidden-mobile-down{display:none!important}}@media (width<=767px){.app-shell__content .page{padding-top:calc(var(--header-h) + var(--space-md))}}.app-shell--with-nav{padding-bottom:calc(var(--bottom-bar-h) + var(--safe-bottom))}@media (width>=1366px){.app-shell--with-nav{padding-bottom:var(--safe-bottom)}}.main-nav__item{min-height:var(--touch-min);border-radius:var(--radius-sm);color:var(--color-muted-fg);text-align:center;justify-content:center;align-items:center;font-size:.68rem;font-weight:600;transition:background .18s,color .18s;display:flex}.main-nav__item--active{color:var(--color-foreground);background:var(--color-nav-active)}.filter-chips{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-subtle);min-height:36px;color:var(--color-muted-fg);font:inherit;cursor:pointer;padding:.5rem .875rem;font-size:.8125rem;font-weight:600}.chip--active{background:var(--color-nav-active);color:var(--color-foreground);border-color:#6d429473}.badge--buyer{color:#34d399;background:#05966926}.badge--supplier{background:var(--color-nav-active);color:#93c5fd}.page__header{margin-bottom:var(--space-md)}.page__header--split{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.page__title{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.page__subtitle{margin:var(--space-xs) 0 0;color:var(--color-muted-fg);font-size:.875rem}.page__toolbar{gap:var(--space-md);margin-bottom:var(--space-md);flex-direction:column;display:flex}.page__section-title{margin:var(--space-lg) 0 var(--space-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-fg);font-size:.875rem;font-weight:600}.card-list{gap:var(--space-md);flex-direction:column;display:flex}.card-list .card+.card{margin-top:0}.form-grid{gap:var(--space-md);flex-direction:column;display:flex}.chip--selected{color:var(--color-foreground);background:#3b82f626;border-color:#3b82f673}.chip--action{background:var(--color-nav-active);color:var(--color-foreground);border-color:#6d429473}.filter-chips--with-actions{margin-bottom:var(--space-xs)}.calendar-page-layout{width:95%;min-width:0;max-width:95vw;margin-inline:auto;margin-top:calc(var(--header-h) * 2 + env(safe-area-inset-top,0px));height:calc(100svh - var(--header-h) * 2 - env(safe-area-inset-top,0px) - var(--bottom-bar-h) - var(--safe-bottom) - 8px);max-height:calc(100svh - var(--header-h) * 2 - env(safe-area-inset-top,0px) - var(--bottom-bar-h) - var(--safe-bottom) - 8px);flex-direction:column;flex:1;display:flex}.calendar-page__subtitle{margin-top:0}.calendar-page__filters{margin-bottom:var(--space-sm);flex-shrink:0}.calendar-page__filters .field{max-width:none}.calendar-page__filters .field label{font-size:.75rem}.page--calendar{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.calendar{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-panel);flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex;overflow:hidden}.calendar__toolbar{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);flex-wrap:wrap;display:flex}.calendar__header{align-items:center;gap:var(--space-sm);margin-bottom:0;display:flex}.calendar__title{text-transform:capitalize;text-align:center;min-width:9rem;margin:0;font-size:1.0625rem;font-weight:700}.calendar__toolbar-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.calendar__summary{color:var(--color-muted-fg);font-size:.8125rem;font-weight:600}.calendar__legend{gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-muted-fg);flex-wrap:wrap;font-size:.75rem;font-weight:600;display:flex}.calendar__legend-item{align-items:center;gap:.375rem;display:inline-flex}.calendar__legend-dot{border-radius:var(--radius-pill);width:.625rem;height:.625rem}.calendar__legend-dot--open{background:#d97706d9}.calendar__legend-dot--overdue{background:#dc2626d9}.calendar__legend-dot--paid{background:#059669d9}.calendar__scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:4px;display:flex;overflow:hidden auto}.calendar__weekdays{min-width:0;min-height:1.5rem;color:var(--color-foreground);text-align:center;letter-spacing:0;flex-shrink:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:grid}.calendar-event-dialog{width:min(100%,420px);padding:var(--space-lg);background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.calendar-event-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.calendar-event-dialog__amount{font-size:1.125rem}.calendar-event-dialog__title{margin:0 0 var(--space-sm);font-size:1.125rem;line-height:1.35}.calendar-event-dialog__meta{color:var(--color-muted-fg);margin:0 0 4px;font-size:.875rem}.calendar-event-dialog__actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.calendar-event-dialog__list{gap:var(--space-sm);flex-direction:column;max-height:50dvh;display:flex;overflow-y:auto}.calendar-event-dialog__item{width:100%;padding:var(--space-sm);border-radius:var(--radius-sm);font:inherit;text-align:left;cursor:pointer;border:none;border-left:3px solid #0000;flex-direction:column;gap:2px;display:flex}.calendar-event-dialog__item-title{font-weight:700}.calendar-event-dialog__item-meta{color:var(--color-muted-fg);font-size:.8125rem}.month-timeline-overlay{justify-content:center;align-items:center;padding:5vw}.month-timeline{width:90vw;max-width:90vw;height:auto;max-height:90svh;padding:var(--space-md);background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}.month-timeline__header{align-items:center;gap:var(--space-sm);flex-shrink:0;grid-template-columns:minmax(4.5rem,1fr) auto minmax(4.5rem,1fr);display:grid}.month-timeline__close{min-height:var(--touch-min);justify-self:start}.month-timeline__month{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.month-timeline__title{text-align:center;text-transform:capitalize;min-width:9.5rem;margin:0;font-size:1.0625rem;font-weight:700}.month-timeline__today{justify-self:end}.month-timeline__summary{margin:var(--space-sm) 0 var(--space-md);color:var(--color-muted-fg);text-align:center;flex-shrink:0;font-size:.8125rem;font-weight:600}.month-timeline__empty-month{margin:var(--space-lg) 0;padding:var(--space-md);color:var(--color-muted-fg);text-align:center;font-size:.875rem;font-weight:600}.month-timeline__body{justify-content:center;width:100%;display:flex}.month-timeline__list{justify-content:center;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(10.5rem,13.5rem));width:100%;margin:0;padding:0;list-style:none;display:grid}.month-timeline__day{flex-direction:column;width:100%;min-width:0;display:flex}.month-timeline__day-label{margin-bottom:var(--space-sm);color:var(--color-muted-fg);text-align:center;text-transform:capitalize;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem .5rem;font-size:.8125rem;display:flex}.month-timeline__day-label strong{color:var(--color-foreground);font-size:1.125rem}.month-timeline__day--today .month-timeline__day-label strong{color:var(--color-primary)}.month-timeline__day-count{border-radius:var(--radius-pill);background:var(--color-primary);min-width:1.25rem;min-height:1.25rem;color:var(--color-on-primary);justify-content:center;align-items:center;padding:0 .375rem;font-size:.6875rem;font-weight:700;display:inline-flex}.month-timeline__day-summary{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);text-align:center;flex-direction:column;gap:4px;display:flex}.month-timeline__day-summary strong{font-size:.9375rem}.month-timeline__day-breakdown{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.month-timeline__breakdown-pill{border-radius:var(--radius-pill);text-transform:lowercase;padding:0 .375rem;font-size:.625rem;font-weight:700}.month-timeline__breakdown-pill--open,.month-timeline__breakdown-pill--partially_paid{color:var(--color-foreground);background:#d9770626}.month-timeline__breakdown-pill--overdue{color:var(--color-foreground);background:#dc262626}.month-timeline__breakdown-pill--paid{color:var(--color-foreground);background:#05966926}.month-timeline__breakdown-pill--cancelled{color:var(--color-muted-fg);background:#64748b1f}.month-timeline__day--expanded{grid-column:1/-1;max-width:100%}.month-timeline__day--expanded .month-timeline__items{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));display:grid}.month-timeline__items--expanded{-webkit-overflow-scrolling:touch;max-height:16rem;overflow-y:auto}.month-timeline__item--compact .month-timeline__item-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.month-timeline__expand{width:100%;margin-top:var(--space-xs);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);font:inherit;cursor:pointer;background:0 0;padding:.375rem .5rem;font-size:.75rem;font-weight:700}.month-timeline__expand:hover,.month-timeline__expand:focus-visible{background:var(--color-nav-active);outline:none}.month-timeline__hidden-hint{color:var(--color-muted-fg);text-align:center;margin:4px 0 0;font-size:.6875rem;font-weight:600}.month-timeline__today-flag{border-radius:var(--radius-pill);background:var(--color-nav-active);color:var(--color-foreground);padding:0 .375rem;font-size:.6875rem;font-weight:700}.month-timeline__items{gap:var(--space-sm);flex-direction:column;display:flex}.month-timeline__item{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:inherit;font:inherit;text-align:left;cursor:pointer;border-left-width:3px;flex-direction:column;gap:4px;display:flex}.month-timeline__item--open,.month-timeline__item--partially_paid{border-left-color:#d97706e6}.month-timeline__item--overdue{border-left-color:#dc2626e6}.month-timeline__item--paid{border-left-color:#059669e6}.month-timeline__item--cancelled{border-left-color:#64748be6}.month-timeline__item-top{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.month-timeline__item-top .badge{font-size:.625rem}.month-timeline__item-title{font-size:.8125rem;font-weight:700;line-height:1.3}.month-timeline__item-meta{color:var(--color-muted-fg);font-size:.6875rem}.calendar__grid{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(4.75rem,1fr);gap:3px;min-width:0;min-height:0;display:grid}.calendar__cell{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);flex-direction:column;min-width:0;min-height:4.75rem;padding:3px;display:flex;overflow:hidden}.calendar__cell-hit{width:100%;min-width:0;min-height:4.5rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.calendar__weekday{white-space:nowrap;min-height:1.25rem;display:block;overflow:visible}.calendar__cell--empty{background:0 0;border-color:#0000}.calendar__cell--today{border-color:#6d42948c;box-shadow:inset 0 0 0 1px #6d429459}.calendar__cell--today .calendar__day{color:var(--color-foreground);background:var(--color-nav-active)}.calendar__cell--has-events{background:var(--color-surface-panel)}.calendar__day{border-radius:var(--radius-pill);justify-content:center;align-self:flex-start;align-items:center;min-width:1.5rem;min-height:1.5rem;margin-bottom:4px;padding:0 .25rem;font-size:.75rem;font-weight:700;display:inline-flex}.calendar__events{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.calendar__event{width:100%;font:inherit;text-align:left;cursor:pointer;border:none;border-left:3px solid #0000;border-radius:4px;flex-direction:column;gap:1px;padding:3px 4px;font-size:.625rem;line-height:1.25;transition:filter .15s,transform .15s;display:flex}.calendar__event:hover,.calendar__event:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-1px)}.calendar__event-amount{font-weight:700}.calendar__event-meta{flex-direction:column;min-width:0;display:flex}.calendar__event-desc,.calendar__event-platform{white-space:nowrap;text-overflow:ellipsis;color:inherit;opacity:.9;overflow:hidden}.calendar__event-platform{opacity:.75;font-size:.5625rem;font-weight:600}.calendar__event--open{color:var(--color-foreground);background:#d9770626;border-left-color:#d97706e6}.calendar__event--overdue{color:var(--color-foreground);background:#dc262626;border-left-color:#dc2626e6}.calendar__event--paid{color:var(--color-foreground);background:#05966926;border-left-color:#059669e6}.calendar__event--cancelled{color:var(--color-muted-fg);background:#64748b1f;border-left-color:#64748be6}.calendar__more{width:100%;font:inherit;color:var(--color-muted-fg);text-align:left;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:0;font-size:.625rem;font-weight:600;display:block}.calendar__more:hover,.calendar__more:focus-visible{color:var(--color-foreground);outline:none;text-decoration:underline}.calendar__nav-btn{flex-shrink:0}@media (width<=1365px){.app-shell--with-nav .page-header+.page--calendar{padding-top:0}.calendar__toolbar{gap:6px;padding:6px 8px}.calendar__title{min-width:0;font-size:.9375rem}.calendar__summary{font-size:.6875rem}.calendar__legend{gap:6px 10px;padding:4px 8px;font-size:.6875rem}.calendar__event{pointer-events:none;padding:2px 3px}.calendar__event-desc{display:block}.calendar__event-platform,.calendar__more{display:none}}.icon-btn{min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-foreground);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:inline-flex}.login-panel{width:100%}.app-shell--auth{background-color:var(--brand-purple);background-image:radial-gradient(at 0% 0%, #8e5bbf8c 0px, transparent 50%), radial-gradient(at 100% 100%, #311548bf 0px, transparent 50%), linear-gradient(135deg, var(--brand-purple-dark) 0%, var(--brand-purple) 45%, #8e5bbf 100%);min-height:100svh}.page--auth{min-height:100svh;padding:var(--space-lg) var(--space-md);padding-top:var(--space-lg);justify-content:center;align-items:center;display:flex}.login-panel{width:100%;max-width:420px;padding:var(--space-xl) var(--space-lg);font-family:"Plus Jakarta Sans", var(--font);background:#fffffff7;border:1px solid #ffffff59;border-radius:1.25rem;box-shadow:0 24px 48px #31154847,0 0 0 1px #6d429414}[data-theme=dark] .login-panel{background:#0f172aeb;border-color:#ffffff1a;box-shadow:0 24px 48px #00000059,0 0 0 1px #8e5bbf26}.login-panel__brand{text-align:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid #6d42941f}.login-panel__logo{object-fit:contain;width:min(100%,220px);height:auto;margin:0 auto;display:block}[data-theme=dark] .login-panel__logo{filter:none}[data-theme=light] .login-panel__logo{filter:brightness(0)saturate()invert(29%)sepia(47%)saturate(1633%)hue-rotate(242deg)brightness(92%)contrast(89%)}.login-panel__tagline{margin:var(--space-sm) 0 0;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-purple);font-size:.6875rem;font-weight:700}[data-theme=dark] .login-panel__tagline{color:#c4b5fd}.login-panel__title{margin:0 0 var(--space-xs);font-family:"Outfit", "Plus Jakarta Sans", var(--font);letter-spacing:-.02em;color:var(--brand-purple-dark);text-align:center;font-size:1.5rem;font-weight:800;position:static}[data-theme=dark] .login-panel__title{color:#f8fafc}.login-panel__hint{text-align:center;color:var(--color-muted-fg);margin:0;font-size:.875rem;line-height:1.5}.login-panel .form{margin-top:var(--space-lg)}.login-panel .btn--primary{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-purple-dark) 100%);box-shadow:0 8px 20px #6d429459}.login-panel .btn--primary:hover:not(:disabled){opacity:1;box-shadow:0 10px 24px #6d429473}.login-panel .input:focus,.login-panel .field__input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--brand-purple-glow)}.login-panel .password-field__toggle{color:var(--color-muted-fg)}.login-panel .password-field__toggle:hover,.login-panel .password-field__toggle:focus-visible{color:var(--brand-purple)}.detail-layout{gap:var(--space-md);flex-direction:column;display:flex}.detail-layout__main,.detail-layout__aside,.detail-layout__full{min-width:0}.page--detail,.page--form{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.back-link{align-items:center;gap:var(--space-xs);min-height:var(--touch-min);color:var(--color-secondary);font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.text-link{min-height:var(--touch-min);color:var(--color-secondary);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.detail-hero{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.detail-hero__amount,.finance-card__amount{letter-spacing:-.02em;color:var(--color-foreground);flex-shrink:0;font-size:1.375rem;font-weight:700}.finance-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.finance-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.35}.finance-card__meta{margin:var(--space-xs) 0 0;color:var(--color-muted-fg);font-size:.875rem;line-height:1.45}.finance-card__key{margin:var(--space-sm) 0 0;font-family:var(--font-mono);color:var(--color-muted-fg);word-break:break-all;font-size:.75rem;line-height:1.5}.finance-card__footer{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.finance-card__tags{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.item-list{margin:0;padding:0;list-style:none}.item-list__row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);display:flex}.item-list__row:last-child{border-bottom:none}.item-list__title{margin:0;font-weight:600}.item-list__meta{margin:var(--space-xs) 0 0;color:var(--color-muted-fg);font-size:.8125rem}.link-panel{gap:var(--space-md);flex-direction:column;display:flex}.page--detail .detail-layout,.page--detail .skeleton-detail-page,.page--detail .skeleton-po-detail,.page--detail .skeleton-payable-detail{gap:var(--space-lg)}.page--detail .skeleton-detail-hero{margin-bottom:0}.page--detail .page__header{align-items:flex-start;gap:var(--space-xs);flex-direction:column;margin-bottom:0;display:flex}.page--detail .card+.card,.page--detail .card>.page__section-title:first-child{margin-top:0}.page--detail .text-link{align-self:flex-start}.page--detail>.breadcrumb{flex-shrink:0;margin-bottom:0}.page--detail>.alert{margin:0}.page--detail .section-title{margin:0 0 var(--space-sm)}.skeleton-detail-page__breadcrumb{flex-wrap:wrap;gap:.75rem;margin-bottom:0;display:flex}.skeleton-detail-page{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}@media (width<=767px){.page--detail .finance-card__header{flex-wrap:wrap}.page--detail .detail-hero__amount,.page--detail .finance-card__amount{min-width:0;font-size:1.25rem}.page--detail .finance-card__title{word-break:break-word}.page--detail .detail-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.page--detail .detail-row__value{text-align:left;word-break:break-word;width:100%}.page--detail .item-list__row{gap:var(--space-xs);flex-direction:column}.page--detail .item-list__row strong{align-self:flex-start}}@media (width>=768px){.page--detail .link-panel{flex-flow:wrap;align-items:flex-end}.page--detail .link-panel .field{flex:16rem;min-width:0}}.breadcrumb{margin-bottom:var(--space-sm)}.breadcrumb__list{align-items:center;gap:var(--space-xs);color:var(--color-muted-fg);flex-wrap:wrap;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:var(--space-xs);display:inline-flex}.breadcrumb__link{color:var(--color-secondary);text-decoration:none}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__current{color:var(--color-foreground);font-weight:600}.kpi-grid{gap:var(--space-sm);margin:var(--space-md) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpi-card{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.kpi-card__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-fg);margin:0;font-size:.75rem;font-weight:600}.kpi-card__value{margin:var(--space-xs) 0 0;letter-spacing:-.02em;font-size:1.375rem;font-weight:700}.kpi-card__hint{margin:var(--space-xs) 0 0;color:var(--color-muted-fg);font-size:.75rem}.list-page__filters{margin-bottom:var(--space-md)}.list-page__period-filters{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);display:grid}.list-page__period-filters .field{min-width:0}.list-page__pagination{margin-top:var(--space-lg)}.pagination{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.pagination__info{color:var(--color-muted-fg);margin:0;font-size:.875rem}.pagination__controls{align-items:center;gap:var(--space-sm);display:flex}.pagination__page{text-align:center;min-width:4.5rem;font-size:.875rem;font-weight:600}.row-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.row-actions__btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);cursor:pointer;background:0 0;padding:.375rem .625rem;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s}.row-actions__btn:hover{background:#3b82f61f;border-color:#3b82f659}.row-actions__btn--danger{color:var(--color-destructive)}.row-actions__btn--danger:hover{background:#dc26261f;border-color:#dc262659}.list-card{gap:var(--space-sm);flex-direction:column;display:flex}.list-card__body{flex:1}.list-card__footer{padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.hidden-mobile-down{display:none}.data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.75rem 1rem}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-fg);background:var(--color-table-header);font-size:.75rem;font-weight:700}.data-table tbody tr:hover{background:var(--color-row-hover)}.data-table__actions{white-space:nowrap}.data-table__empty{padding:var(--space-lg);text-align:center;color:var(--color-muted-fg);margin:0}.modal-overlay{z-index:100;padding:var(--space-md);background:var(--color-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{width:min(100%,420px);padding:var(--space-lg);background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.password-change-overlay{z-index:240;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;align-items:flex-end;padding:0}.password-change-dialog{width:100%;max-height:min(92svh,100%);padding:var(--space-xl) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom,0px));opacity:1;background:#fff;border:none;border-radius:1.25rem 1.25rem 0 0;overflow-y:auto;box-shadow:0 -12px 40px #0f172a47}.password-change-dialog:before{content:"";width:2.5rem;height:.25rem;margin:0 auto var(--space-lg);border-radius:var(--radius-pill);background:#6d429447;display:block}.password-change-dialog__icon{width:3rem;height:3rem;margin:0 auto var(--space-md);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-purple-dark) 100%);color:var(--color-on-primary);box-shadow:0 8px 20px var(--brand-purple-glow);justify-content:center;align-items:center;display:flex}.password-change-dialog__title{margin:0 0 var(--space-sm);letter-spacing:-.02em;text-align:center;font-size:1.25rem;font-weight:700}.password-change-dialog__message{margin:0 0 var(--space-lg);color:var(--color-muted-fg);text-align:center;font-size:.9375rem;line-height:1.55}.password-change-form{gap:var(--space-md);flex-direction:column;display:flex}.password-change-form__actions{margin-top:var(--space-sm);gap:var(--space-sm)}.password-change-form__actions .btn--secondary{border-radius:var(--radius-sm);border:none}[data-theme=dark] .password-change-dialog{background:#1e293b;box-shadow:0 -12px 40px #00000073}[data-theme=dark] .password-change-dialog:before{background:#c4b5fd59}[data-theme=light] .password-change-dialog{background:#fff}@media (width>=640px){.password-change-overlay{padding:var(--space-lg);align-items:center}.password-change-dialog{width:min(100%,420px);max-height:min(90vh,40rem);padding:var(--space-xl);border:1px solid var(--color-border);border-radius:1.25rem;box-shadow:0 24px 48px #0f172a38,0 0 0 1px #6d429414}.password-change-dialog:before{display:none}[data-theme=dark] .password-change-dialog{box-shadow:0 24px 48px #0006,0 0 0 1px #8e5bbf29}}.confirm-dialog__title{margin:0 0 var(--space-sm);font-size:1.125rem}.confirm-dialog__message{margin:0 0 var(--space-lg);color:var(--color-muted-fg);line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.list-page .card-list{gap:var(--space-md);flex-direction:column;display:flex}.list-page .card-list.hidden-notebook-up{display:flex}.list-page-layout{display:contents}@media (width>=1366px){:root{--shell-max:none;--sidebar-w:220px;--sidebar-w-collapsed:64px;--content-pad-x:1.75rem;--content-pad-y:1.5rem;--section-gap:1.25rem;--content-max:none;--list-header-h:3.25rem;--touch-min:40px}.app-shell{width:100%;max-width:none}.side-drawer{width:var(--sidebar-w);padding:var(--space-lg) var(--space-sm)}.side-drawer--collapsed{width:var(--sidebar-w-collapsed)}.side-drawer__logo-img{max-height:2.5rem}.app-shell__content .page{padding:var(--content-pad-y) var(--content-pad-x);padding-top:var(--content-pad-y);flex:1;max-width:none}.app-shell__content .page-header{width:auto;max-width:none;height:auto;min-height:var(--list-header-h);padding:var(--content-pad-y) var(--content-pad-x) 0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;position:static;left:auto;transform:none}.page__header--split{align-items:center}.page__title{font-size:1.5rem}.page__toolbar{flex-flow:wrap;justify-content:space-between;align-items:center}.card-list{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-list--single{grid-template-columns:1fr;max-width:48rem}.form-grid{column-gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0;display:grid}.form-grid .field--full{grid-column:1/-1}.detail-layout{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;display:grid}.detail-layout__aside{top:var(--space-lg);position:sticky}.detail-layout__full{grid-column:1/-1}.calendar-page-layout{width:90%;max-width:90vw;height:calc(100dvh - var(--list-header-h) - var(--safe-bottom,0px));max-height:calc(100dvh - var(--list-header-h) - var(--safe-bottom,0px));min-height:0;padding:var(--space-sm) 0 var(--space-md);margin-top:0;overflow:hidden auto}.calendar-page__filters .field{max-width:20rem}.calendar-page-layout .page-header{width:auto;max-width:none;height:auto;min-height:var(--list-header-h);padding:0 var(--content-pad-x) 0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;flex-shrink:0;position:static;left:auto;transform:none}.page--calendar{padding:var(--content-pad-y) var(--content-pad-x);padding-top:var(--space-md)}.calendar__toolbar,.calendar__legend{flex-shrink:0}.calendar__scroll{padding:var(--space-sm) var(--space-md);overflow:hidden}.calendar__weekdays{margin-bottom:var(--space-sm);gap:4px}.calendar__grid{grid-auto-rows:minmax(0,1fr);gap:4px}.calendar__weekdays,.calendar__grid{min-width:100%}.calendar__cell{min-height:0}.calendar__event{font-size:.6875rem}.calendar__title{min-width:12rem;font-size:1.25rem}.fab{display:none}.login-panel{max-width:440px;padding:var(--space-2xl,3rem) var(--space-xl)}.page--auth{padding:var(--space-2xl,3rem) var(--content-pad-x)}.page--form{max-width:48rem;margin-inline:auto}:is(.app-shell__content:has(.page--detail)>.page-header,.app-shell__content:has(.page--form)>.page-header,.app-shell__content:has(.page--with-bottom-bar:not(.page--dashboard))>.page-header){width:100%;max-width:48rem;margin-inline:auto}.app-shell__content .page--detail,.app-shell__content .page--form,.app-shell__content .page.page--with-bottom-bar:not(.page--dashboard),.app-shell__content form.page.page--with-bottom-bar:not(.page--dashboard){gap:var(--space-lg);width:100%;max-width:48rem;margin-inline:auto}.page--detail .detail-hero,.page--detail .card{width:100%}.page--detail .detail-hero{padding:var(--space-lg)}.page--detail .party-page.detail-layout,.page--detail .party-page.skeleton-detail-page{grid-template-columns:minmax(0,1fr) minmax(240px,280px)}.filter-chips{flex-wrap:nowrap;margin-bottom:0}.line-items__header,.line-item{grid-template-columns:1fr 100px 120px 120px 44px}.hidden-notebook-up{display:none!important}.hidden-mobile-down,.data-table-wrap.hidden-mobile-down{display:block}.list-page-layout{min-width:0;padding:var(--content-pad-y) var(--content-pad-x);flex-direction:column;flex:1;display:flex}.list-page-layout .list-page-header.page-header{width:auto;max-width:none;min-height:var(--list-header-h);padding:0 0 var(--space-md);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--color-border);background:0 0;grid-template-columns:auto 1fr auto;align-items:center;column-gap:1rem;margin:0;display:grid;position:static;left:auto;transform:none}.list-page-layout .list-page{padding:var(--section-gap) 0 0;flex:1;min-width:0}.app-shell__content .list-page-layout .list-page{padding:var(--section-gap) 0 0}.list-page-header.page-header{border-bottom:1px solid var(--color-border);margin-bottom:0;padding-bottom:0}.list-page-header .page-header__title{letter-spacing:-.025em;font-size:1.375rem;font-weight:700}.list-page-header .page-header__back{border-radius:var(--radius-sm);width:2.25rem;min-width:2.25rem;height:2.25rem;padding:0}.list-page-header .page-header__action .btn{min-height:2.5rem;padding-inline:1.125rem}.list-page{gap:var(--section-gap);flex-direction:column;display:flex}.list-page .page__subtitle{margin:0;font-size:.9375rem;line-height:1.45}.list-page .breadcrumb{margin:0}.list-page .breadcrumb__list{font-size:.8125rem}.page--detail{gap:var(--section-gap)}.page--detail>.breadcrumb{margin:0}.page--detail>.breadcrumb .breadcrumb__list{font-size:.8125rem}.page--detail .detail-layout,.page--detail .payable-detail-page,.page--detail .skeleton-detail-page,.page--detail .skeleton-po-detail,.page--detail .skeleton-payable-detail{gap:var(--section-gap)}.page--detail .detail-hero{margin-top:0}.page--detail .card{box-shadow:var(--shadow-sm)}.page--detail .section-title{letter-spacing:.02em;text-transform:uppercase;color:var(--color-muted-fg);font-size:.875rem;font-weight:600}.skeleton-detail-page__breadcrumb{margin:0}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0}.kpi-card{background:var(--color-muted);min-height:5.5rem;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;padding:1rem 1.25rem;display:flex}.kpi-card__label{letter-spacing:.06em;font-size:.6875rem}.kpi-card__value{margin-top:.375rem;font-size:1.625rem;line-height:1.1}.list-page__filters{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-panel);flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem;margin:0;padding:1rem 1.25rem;display:flex}.list-page__filters .field{flex:16rem;max-width:22rem;margin-bottom:0}.list-page__period-filters{flex:20rem;gap:1rem;max-width:28rem;margin-bottom:0;display:flex}.list-page__filters .list-page__period-filters .field{flex:1 1 0;max-width:none}.list-page__filters .filter-chips{flex:100%}.data-table-wrap{border-radius:var(--radius-md);background:var(--color-muted);box-shadow:var(--shadow-sm)}.data-table th,.data-table td{padding:.875rem 1.25rem}.data-table th{letter-spacing:.06em;background:var(--color-table-header-strong);padding-top:.75rem;padding-bottom:.75rem;font-size:.6875rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table td{font-size:.9375rem;line-height:1.4}.row-actions{gap:.375rem}.row-actions__btn{min-height:2rem;padding:.375rem .75rem;font-size:.8125rem}.list-page__pagination{margin:0;padding-top:.25rem}.pagination{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-panel);padding:.875rem 1.25rem}.pagination__info{font-size:.875rem}.list-page .card-list:not(.hidden-notebook-up){display:none}}@media (width>=1366px) and (width<=1919px){.calendar-page-layout .page-header{flex-shrink:0;min-height:2.75rem}.calendar-page__subtitle,.calendar-page__subtitle.hidden-mobile-down{display:none}.calendar-page__filters{flex-shrink:0;margin-bottom:.375rem}.page--calendar{padding:.5rem var(--content-pad-x) .75rem;min-height:0;overflow:hidden}.calendar__toolbar{flex-shrink:0;padding:.375rem .625rem}.calendar__title{min-width:9.5rem;font-size:1.0625rem}.calendar__legend{flex-shrink:0;padding:.25rem .625rem}.calendar__scroll{padding:.375rem .5rem .5rem}.calendar__day{min-width:1.25rem;min-height:1.25rem;margin-bottom:2px;font-size:.6875rem}.calendar__events{overflow:hidden}.calendar__event{gap:0;padding:2px 4px;font-size:.5625rem;line-height:1.2}.calendar__event-meta{flex-direction:row;align-items:baseline;gap:.25rem}.calendar__event-desc{flex:1 1 0;min-width:0}.calendar__event-platform{flex:0 auto;max-width:42%;font-size:.5rem}.calendar__more{margin-top:1px;font-size:.5625rem}}@media (width>=1920px){.calendar-page-layout{padding:var(--content-pad-y) 0}.page--calendar{padding:var(--content-pad-y) var(--content-pad-x);padding-top:var(--space-md)}.calendar__scroll{padding:var(--space-md)}.calendar__cell{min-height:6.5rem}.calendar__event{padding:3px 5px;font-size:.6875rem}.calendar__title{min-width:12rem;font-size:1.25rem}}.skeleton{background:var(--color-muted);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton--shimmer:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-shimmer) 50%, transparent 100%);animation:1.6s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton--shimmer:after{background:var(--color-shimmer-static);animation:none;transform:none}}.skeleton-text{border-radius:var(--radius-sm);height:.875rem}.skeleton-text-group{flex-direction:column;gap:.5rem;display:flex}.skeleton-block{border-radius:var(--radius-sm)}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-button{border-radius:var(--radius-sm)}.skeleton-button--block{width:100%}.skeleton-kpi__card{flex-direction:column;justify-content:center;gap:.5rem;min-height:4.75rem;display:flex}.skeleton-kpi__label{height:.6875rem}.skeleton-kpi__value{margin-top:.125rem}.skeleton-table__table th,.skeleton-table__table td{vertical-align:middle}.skeleton-table__actions{flex-wrap:wrap;justify-content:flex-end;gap:.375rem;display:flex}.skeleton-table tbody tr{height:3.25rem}.skeleton-card-list__item{gap:var(--space-sm)}.skeleton-card-list__meta{height:.75rem;margin-bottom:.375rem}.skeleton-card-list__title{height:1.125rem;margin-bottom:.375rem}.skeleton-card-list__badges{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.skeleton-card-list__footer{flex-wrap:wrap;gap:.375rem;display:flex}.skeleton-list-page__breadcrumb{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:.75rem;display:flex}.skeleton-filter-bar__label{height:.75rem;margin-bottom:.375rem}.skeleton-filter-bar__chips{margin-top:var(--space-sm);flex-wrap:wrap;gap:.5rem;display:flex}.skeleton-form__label{height:.75rem;margin-bottom:.375rem}.skeleton-form__field{margin-bottom:0}.skeleton-form__section{height:1rem;margin-bottom:.25rem}.skeleton-form__actions{margin-top:var(--space-sm)}.skeleton-detail__row{border-bottom-color:var(--color-border);align-items:center}.skeleton-detail-hero{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);margin-bottom:var(--space-md)}.skeleton-detail-hero__header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.skeleton-detail-hero__title{height:1.125rem;margin:var(--space-sm) 0}.skeleton-detail-hero__key{margin-top:var(--space-md);border-radius:var(--radius-sm)}.skeleton-detail-page__meta{height:.75rem;margin-bottom:var(--space-md)}.skeleton-detail-page__section{margin-top:var(--space-lg)}.skeleton-detail-page__section-title{height:1rem;margin-bottom:var(--space-sm)}.skeleton-timeline__item{padding-left:1.25rem}.skeleton-timeline__dot{background:var(--color-muted)}.skeleton-timeline__meta{height:.75rem;margin-top:.375rem}.skeleton-panel__title{height:1rem;margin-bottom:var(--space-md)}.skeleton-login{padding-top:2rem}.skeleton-login__brand{height:.75rem;margin:.75rem auto 0}.login-panel__logo-skeleton{margin-inline:auto}.skeleton-login__title{height:1.375rem;margin-bottom:.5rem}.skeleton-login__subtitle{height:.875rem;margin-bottom:1.5rem}.skeleton-page-header{pointer-events:none}.skeleton-page-header__back{border-radius:var(--radius-sm);flex-shrink:0}.skeleton-page-header__title{flex:1;height:1.125rem}.skeleton-po-detail__header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}@media (width>=1366px){.skeleton-kpi__card{background:var(--color-muted);min-height:5.5rem;box-shadow:var(--shadow-sm);padding:1rem 1.25rem}.skeleton-filter-bar{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-panel);flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem;padding:1rem 1.25rem;display:flex}.skeleton-filter-bar__search{flex:16rem;max-width:22rem;margin-bottom:0}.skeleton-filter-bar__chips{flex:100%;margin-top:0}.skeleton-table{border-radius:var(--radius-md);background:var(--color-muted);box-shadow:var(--shadow-sm)}.skeleton-table tbody tr{height:3.25rem}}.page--dashboard{padding-inline:var(--space-md);padding-bottom:calc(var(--bottom-bar-h) + var(--safe-bottom) + var(--space-md));max-width:100%}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.dashboard-header__main{min-width:0}.dashboard-header__greeting{letter-spacing:-.02em;color:var(--color-foreground);margin:0;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;line-height:1.25}.dashboard-header__meta{margin:var(--space-sm) 0 0;color:var(--color-muted-fg);flex-wrap:wrap;align-items:center;gap:.125rem 0;font-size:.875rem;line-height:1.5;display:flex}.dashboard-header__period{flex-shrink:0}.dashboard-header__refresh{margin-left:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-surface-subtle);font:inherit;cursor:pointer;border:none;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;transition:background-color .18s,opacity .18s}.dashboard-header__refresh:hover:not(:disabled){background:var(--color-surface-muted)}.dashboard-header__refresh:disabled{opacity:.55;cursor:not-allowed}.dashboard-layout{gap:var(--space-lg);flex-direction:column;display:flex}.dashboard-panel{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-panel);box-shadow:var(--shadow-sm)}.dashboard-layout__kpis .kpi-grid{margin:0}.dashboard-kpi-grid--hero{grid-template-columns:1fr}.dashboard-kpi-grid--hero .kpi-card,.dashboard-kpi-grid--hero .kpi-card--link{grid-column:1/-1}.dashboard-kpi-grid--secondary{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card--hero{min-height:104px;padding:var(--space-lg) var(--space-xl);background:var(--color-surface-muted);box-shadow:var(--shadow-sm);border-color:#1e40af40;border-left-width:3px}.kpi-card--hero .kpi-card__label{letter-spacing:.04em;font-size:.75rem}.kpi-card--hero .kpi-card__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:var(--space-sm);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;line-height:1.2}.kpi-card--hero .kpi-card__hint{margin-top:var(--space-sm);font-size:.8125rem;font-weight:500}.page--dashboard .kpi-card:not(.kpi-card--hero){background:var(--color-surface-muted);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s}.page--dashboard .kpi-card:not(.kpi-card--hero) .kpi-card__label{font-size:.75rem;line-height:1.4}.page--dashboard .kpi-card:not(.kpi-card--hero) .kpi-card__value{margin-top:var(--space-sm);line-height:1.2}.page--dashboard .kpi-card:not(.kpi-card--hero):hover,.page--dashboard .kpi-card--link:not(.kpi-card--hero):hover{box-shadow:var(--shadow-md);border-color:#1e40af33}.kpi-card--link{color:inherit;cursor:pointer;text-decoration:none;transition:border-color .18s,box-shadow .18s;display:block}.kpi-card--link:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.kpi-card__hint--success{color:var(--color-accent)}.kpi-card__hint--danger{color:var(--color-destructive)}.dashboard-quick-actions__title{margin:0 0 var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-fg);font-size:.8125rem;font-weight:700}.quick-action-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-action-card{justify-content:center;align-items:center;gap:var(--space-sm);min-height:96px;padding:var(--space-md) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-foreground);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;font-size:.8125rem;font-weight:600;line-height:1.35;text-decoration:none;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex}.quick-action-card__icon{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-subtle);width:2.5rem;height:2.5rem;color:var(--color-secondary);justify-content:center;align-items:center;transition:border-color .18s,background-color .18s;display:flex}.quick-action-card:hover{background:var(--color-surface-panel);box-shadow:var(--shadow-md);border-color:#1e40af40}.quick-action-card:hover .quick-action-card__icon{background:var(--color-surface-muted);border-color:#1e40af4d}.quick-action-card:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.dashboard-section{min-width:0}.dashboard-section__header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);display:flex}.dashboard-section__title{align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-fg);margin:0;font-size:.8125rem;font-weight:700;display:flex}.dashboard-section__count{margin-left:var(--space-xs);border-radius:var(--radius-pill);letter-spacing:.02em;color:var(--color-foreground);background:var(--color-surface-subtle);padding:.1rem .45rem;font-size:.6875rem;font-weight:700}.dashboard-section__link{white-space:nowrap;border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.8125rem;font-weight:600;transition:background-color .18s}.dashboard-section__link:hover{background:var(--color-surface-subtle)}.dashboard-section__error{padding:var(--space-md);border-radius:var(--radius-sm);color:var(--color-muted-fg);background:#dc26260f;border:1px dashed #dc262633;margin:0;font-size:.875rem}.alert-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.alert-list-item{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s;display:flex}.alert-list-item--danger{border-left:3px solid var(--color-destructive)}.alert-list-item--warning{border-left:3px solid var(--color-warning)}.alert-list-item--info{border-left:3px solid var(--color-secondary)}.alert-list-item:hover{box-shadow:var(--shadow-md);border-color:#1e40af33}.alert-list-item__content{gap:var(--space-sm);min-width:0;display:flex}.alert-list-item__badge{align-items:center;gap:var(--space-xs);flex-shrink:0;display:inline-flex}.alert-list-item__title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.45}.alert-list-item__subtitle{margin:var(--space-xs) 0 0;color:var(--color-muted-fg);font-size:.8125rem;line-height:1.5}.alert-list-item__cta{flex-shrink:0;align-self:center}.upcoming-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upcoming-list-item{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s;display:flex}.upcoming-list-item:hover{box-shadow:var(--shadow-md);border-color:#1e40af33}.upcoming-list-item__link{min-width:0;color:inherit;flex:1;text-decoration:none}.upcoming-list-item__link:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.upcoming-list-item__description{font-weight:600;line-height:1.45;display:block}.upcoming-list-item__meta{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);color:var(--color-muted-fg);flex-wrap:wrap;font-size:.8125rem;display:flex}.upcoming-list-item__amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-foreground);font-size:.875rem;font-weight:600}.activity-feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.activity-feed-item{column-gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-md);grid-template-rows:auto auto;grid-template-columns:auto 1fr;row-gap:0;display:grid;position:relative}.activity-feed-item:not(:last-child):after{content:"";left:calc(var(--touch-min) / 2 - 1px);top:calc(var(--touch-min) + var(--space-xs));background:var(--color-border);width:1px;position:absolute;bottom:0}.activity-feed-item__icon-wrap{z-index:1;grid-row:1/3;position:relative}.activity-feed-item__icon{width:var(--touch-min);height:var(--touch-min);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-feed-item__link{min-width:0;color:inherit;grid-column:2;padding-top:.35rem;line-height:1.5;text-decoration:none}.activity-feed-item__link:hover .activity-feed-item__label{color:var(--color-secondary)}.activity-feed-item__link:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.activity-feed-item__label{font-size:.9375rem;font-weight:500;transition:color .18s;display:block}.activity-feed-item__time{margin-top:var(--space-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--color-muted-fg);font-size:.75rem;font-weight:500;display:block}.page--dashboard .empty-state{padding:var(--space-xl) var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.page--dashboard .empty-state__icon{width:4rem;height:4rem;margin:0 auto var(--space-md);padding:var(--space-sm);border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-secondary);opacity:1;border-radius:50%;justify-content:center;align-items:center;display:flex}.page--dashboard .empty-state__title{letter-spacing:-.01em;font-size:1.0625rem}.page--dashboard>.empty-state{margin-bottom:var(--space-lg);background:var(--color-surface-muted);border-style:solid;border-color:#0596694d}.dashboard-skeleton{gap:var(--space-lg);flex-direction:column;display:flex}.dashboard-skeleton__header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:0}.dashboard-skeleton__meta{margin-top:var(--space-sm)}.dashboard-skeleton__actions{margin:0}.dashboard-skeleton__action{border-radius:var(--radius-md);min-height:96px}.dashboard-skeleton__hero{border-radius:var(--radius-md);min-height:6.5rem}.dashboard-skeleton__kpi-row{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-skeleton__section{border-radius:var(--radius-md);border:1px solid var(--color-border);min-height:7rem}.main-nav--compact .main-nav__item{gap:.25rem;font-size:.625rem}@media (width<=359px){.main-nav{gap:.25rem}.main-nav.main-nav--compact .main-nav__item{font-size:.625rem}}@media (width>=1366px){.app-shell__content .page--dashboard{width:90%;max-width:none;padding:var(--space-xl) 0;padding-bottom:var(--space-xl);margin-inline:auto}.dashboard-header{margin-bottom:var(--space-xl)}.dashboard-header__greeting{font-size:1.875rem}.dashboard-layout{gap:var(--space-xl);grid-template-columns:3fr 2fr;grid-template-areas:"kpis kpis""actions upcoming""activity alerts";display:grid}.dashboard-layout__kpis{grid-area:kpis}.dashboard-layout__actions{grid-area:actions}.dashboard-layout__upcoming{grid-area:upcoming}.dashboard-layout__activity{grid-area:activity}.dashboard-layout__alerts{grid-area:alerts}.dashboard-panel{padding:var(--space-lg)}.dashboard-kpi-grid--desktop{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpi-grid--desktop .kpi-card--hero{min-height:112px}.kpi-card--hero .kpi-card__value{font-size:2rem}.quick-action-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action-card{min-height:108px}.dashboard-skeleton{gap:var(--space-xl);grid-template-columns:3fr 2fr;grid-template-areas:"header header""kpis kpis""actions upcoming""activity alerts";display:grid}.dashboard-skeleton__header{grid-area:header}.dashboard-skeleton__kpis{grid-area:kpis}.dashboard-skeleton__actions-wrap{grid-area:actions}.dashboard-skeleton__upcoming{grid-area:upcoming}.dashboard-skeleton__activity{grid-area:activity}.dashboard-skeleton__alerts{grid-area:alerts}}@media (prefers-reduced-motion:reduce){.quick-action-card,.kpi-card--link,.alert-list-item,.upcoming-list-item,.activity-feed-item__link{transition:none}}.pwa-offline-banner{z-index:60;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));background:var(--color-warning);color:#fff;text-align:center;font-size:.8125rem;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.pwa-stack{right:var(--space-md);bottom:calc(var(--bottom-bar-h) + var(--safe-bottom) + var(--space-md));left:var(--space-md);z-index:55;gap:var(--space-sm);flex-direction:column;align-items:stretch;display:flex;position:fixed}@media (width>=1366px){.pwa-stack{width:22rem;left:auto;bottom:var(--space-lg)}}.pwa-banner{column-gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);grid-template-columns:auto 1fr auto;align-items:start;animation:.2s pwa-banner-in;display:grid;position:relative}@media (prefers-reduced-motion:reduce){.pwa-banner{animation:none}}@keyframes pwa-banner-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pwa-banner__icon{color:var(--color-secondary);flex-shrink:0}.pwa-banner__logo{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px}.pwa-banner__body{min-width:0}.pwa-banner__title{color:var(--color-foreground);margin:0;font-size:.875rem;font-weight:600}.pwa-banner__message{margin:var(--space-xs) 0 0;color:var(--color-muted-fg);font-size:.8125rem}.pwa-banner__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-muted-fg);cursor:pointer;background:0 0;border:none;grid-area:1/3;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.pwa-banner__close:hover{background:var(--color-surface-muted);color:var(--color-foreground)}.pwa-banner__actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);grid-column:1/-1;display:flex}.pwa-banner__actions .btn{align-items:center;gap:var(--space-xs);cursor:pointer;display:inline-flex}.pwa-banner--offline-ready .pwa-banner__icon{color:var(--color-accent)}.notification-bell{position:relative}.notification-bell__trigger{min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-toggle);color:var(--color-muted-fg);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:inline-flex;position:relative}.notification-bell__trigger:hover{background:var(--color-nav-active);border-color:var(--brand-purple-glow);color:var(--color-foreground)}.notification-bell__trigger:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.notification-bell__badge{background:var(--color-destructive);color:#fff;text-align:center;border-radius:999px;min-width:1.125rem;height:1.125rem;padding:0 4px;font-size:.625rem;font-weight:700;line-height:1.125rem;position:absolute;top:4px;right:4px}.notification-panel__backdrop{z-index:55;background:var(--color-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;border:none;margin:0;padding:0;animation:.18s notification-backdrop-in;position:fixed;inset:0}@media (width>=1366px){.notification-panel__backdrop{display:none}.notification-bell--open{z-index:70;position:relative}.notification-panel--dropdown{z-index:71}}@keyframes notification-backdrop-in{0%{opacity:0}to{opacity:1}}.notification-panel{top:calc(100% + var(--space-sm));z-index:60;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);width:min(24rem,100vw - 2rem);max-height:min(32rem,72vh);box-shadow:var(--shadow-lg);touch-action:manipulation;overscroll-behavior:contain;flex-direction:column;animation:.2s notification-panel-in;display:flex;position:absolute;right:0;overflow:hidden}@keyframes notification-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-panel__header{gap:var(--space-sm);padding:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);flex-direction:column;flex-shrink:0;display:flex}@supports (color:color-mix(in lab, red, red)){.notification-panel__header{background:color-mix(in srgb, var(--color-surface-elevated) 92%, var(--color-secondary) 8%)}}.notification-panel__header-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.notification-panel__title{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.notification-panel__header-actions{align-items:center;gap:var(--space-xs);display:inline-flex}.notification-panel__mark-all{min-height:var(--touch-min);padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-toggle);color:var(--color-secondary);cursor:pointer;touch-action:manipulation;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.notification-panel__mark-all:hover:not(:disabled){background:var(--color-nav-active);border-color:var(--brand-purple-glow);color:var(--color-foreground)}.notification-panel__mark-all:disabled{opacity:.5;cursor:not-allowed}.notification-panel__mark-all-label{white-space:nowrap}.notification-panel__close{min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-toggle);color:var(--color-muted-fg);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;transition:background .18s,color .18s;display:none}.notification-panel__close:hover{background:var(--color-surface-muted);color:var(--color-foreground)}.notification-panel__tabs{border-radius:var(--radius-sm);background:var(--color-surface-muted);border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.notification-panel__tab{border-radius:calc(var(--radius-sm) - 2px);min-height:2.25rem;color:var(--color-muted-fg);cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.75rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.notification-panel__tab:hover{color:var(--color-foreground)}.notification-panel__tab--active{background:var(--color-surface-elevated);color:var(--color-foreground);box-shadow:var(--shadow-sm)}.notification-panel__tab-count{background:#8e5bbf2e;border-radius:999px;min-width:1.125rem;height:1.125rem;padding:0 4px}@supports (color:color-mix(in lab, red, red)){.notification-panel__tab-count{background:color-mix(in srgb, var(--color-secondary) 18%, transparent)}}.notification-panel__tab-count{color:var(--color-secondary);text-align:center;font-size:.625rem;font-weight:700;line-height:1.125rem}.notification-panel__tab--active .notification-panel__tab-count{background:#6d429433}@supports (color:color-mix(in lab, red, red)){.notification-panel__tab--active .notification-panel__tab-count{background:color-mix(in srgb, var(--color-accent) 20%, transparent)}}.notification-panel__tab--active .notification-panel__tab-count{color:var(--color-accent)}.notification-panel__body{min-height:0;padding:var(--space-sm);overscroll-behavior:contain;flex:1;overflow:auto}.notification-panel__error{margin:var(--space-sm);color:var(--color-destructive);font-size:.8125rem}.notification-panel__list{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.notification-item-wrap{margin:0}.notification-item{align-items:stretch;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-panel);grid-template-columns:auto 1fr auto;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.notification-item--unread{border-color:#8e5bbf}@supports (color:color-mix(in lab, red, red)){.notification-item--unread{border-color:color-mix(in srgb, var(--color-secondary) 35%, var(--color-border))}}.notification-item--unread{background:#8e5bbf}@supports (color:color-mix(in lab, red, red)){.notification-item--unread{background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-surface-panel))}}.notification-item--read{opacity:.88}.notification-item__indicator{align-items:flex-start;width:.75rem;padding-top:.35rem;display:flex}.notification-item__dot{background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #6d429440}@supports (color:color-mix(in lab, red, red)){.notification-item__dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent)}}.notification-item__main{text-align:left;cursor:pointer;touch-action:manipulation;min-width:0;color:inherit;background:0 0;border:none;gap:.2rem;padding:0;display:grid}.notification-item__main:disabled{cursor:default}.notification-item__main:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.notification-item__domain{letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary);font-size:.625rem;font-weight:700}.notification-item__domain--purchase_order{color:#6366f1}.notification-item__domain--invoice{color:#0ea5e9}.notification-item__domain--payable{color:#d97706}.notification-item__domain--party{color:#059669}.notification-item__title{color:var(--color-foreground);font-size:.875rem;font-weight:600;line-height:1.3}.notification-item__body{color:var(--color-muted-fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-item__meta{align-items:center;gap:var(--space-sm);color:var(--color-muted-fg);margin-top:.15rem;font-size:.6875rem;display:inline-flex}.notification-item__link-hint{color:var(--color-secondary);align-items:center;gap:.2rem;font-weight:600;display:inline-flex}.notification-item__mark{min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-toggle);color:var(--color-accent);cursor:pointer;touch-action:manipulation;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:background .18s,border-color .18s,color .18s,transform .12s;display:inline-flex}.notification-item__mark:hover:not(:disabled){background:#6d42941f}@supports (color:color-mix(in lab, red, red)){.notification-item__mark:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}.notification-item__mark:hover:not(:disabled){border-color:var(--color-accent)}.notification-item__mark:active:not(:disabled){transform:scale(.96)}.notification-item__mark:disabled{opacity:.5;cursor:wait}@media (width<=767px){.notification-panel{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-width:none;max-height:min(88vh,640px);padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:none;animation:.24s cubic-bezier(.22,1,.36,1) notification-sheet-in;position:fixed;inset:auto 0 0}@keyframes notification-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notification-panel__close{display:inline-flex}.notification-panel__mark-all-label{display:none}.notification-panel__header{padding-top:calc(var(--space-md) + 4px);position:relative}.notification-panel__header:before{content:"";background:var(--color-border);border-radius:999px;width:2.5rem;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.notification-panel__tab{min-height:2.75rem;font-size:.8125rem}.notification-item{padding:var(--space-md) var(--space-sm)}}@media (prefers-reduced-motion:reduce){.notification-panel,.notification-panel__backdrop{animation:none}.notification-bell__trigger,.notification-panel__tab,.notification-item,.notification-item__mark,.notification-panel__mark-all{transition-duration:.01ms!important}}.app-header__actions,.top-navbar__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:inline-flex}.side-drawer__notifications{display:none}.notification-prefs__intro{margin-top:var(--space-xs)}.notification-prefs__list{margin:var(--space-md) 0 0;gap:var(--space-sm);padding:0;list-style:none;display:grid}.notification-prefs__row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);display:flex}.notification-prefs__row:last-child{border-bottom:none}.notification-prefs__name{font-weight:500}.notification-prefs__push{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);gap:var(--space-sm);display:grid}.notification-prefs__hint,.pwa-banner__hint{color:var(--color-muted-fg);font-size:.8125rem}.pwa-banner__error{margin-top:var(--space-xs);color:var(--color-destructive);font-size:.8125rem}.pref-switch{cursor:pointer;display:inline-flex;position:relative}.pref-switch__input{opacity:0;width:0;height:0;position:absolute}.pref-switch__track{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:999px;width:2.75rem;height:1.5rem;transition:background .18s,border-color .18s}.pref-switch__track:after{content:"";background:var(--color-foreground);border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .18s;position:absolute;top:3px;left:3px}.pref-switch__input:checked+.pref-switch__track{background:var(--color-accent);border-color:var(--color-accent)}.pref-switch__input:checked+.pref-switch__track:after{transform:translate(1.25rem)}.pref-switch__input:focus-visible+.pref-switch__track{outline:2px solid var(--color-ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.google-integration{gap:var(--space-md);flex-direction:column;display:flex}.google-integration__intro{color:var(--color-muted-fg);margin:0;font-size:1.0625rem;line-height:1.55}.google-integration__unconfigured{color:var(--color-muted-fg);margin:0;font-size:1.0625rem;line-height:1.5}.google-integration__connected{gap:var(--space-sm);flex-direction:column;display:flex}.google-integration__connected-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.google-integration__email{word-break:break-word;margin:0;font-size:1.125rem;font-weight:600}.google-integration__since{color:var(--color-muted-fg);margin:0;font-size:1rem}.google-integration .form__actions{margin-top:var(--space-xs)}.google-integration .form__actions .btn{min-width:min(100%,16rem);min-height:var(--touch-min)}.google-integration__error{gap:var(--space-sm);display:grid}.google-integration__expired{gap:var(--space-xs);display:grid}.google-integration__last-error{color:var(--color-foreground);margin:0;font-size:1rem;line-height:1.5}.google-integration .badge--success{color:#047857;background:#0596692e}.google-integration .badge--danger{color:#b91c1c;background:#dc262629}.google-integration .badge--warning{color:#b45309;background:#d977062e}[data-theme=dark] .google-integration .badge--success{color:#6ee7b7}[data-theme=dark] .google-integration .badge--danger{color:#fca5a5}[data-theme=dark] .google-integration .badge--warning{color:#fbbf24}.google-oauth-toast{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid #0000;display:flex}.google-oauth-toast__message{margin:0;font-size:1.125rem;font-weight:600;line-height:1.45}.google-oauth-toast__close{border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.google-oauth-toast__close:hover{background:#0000001f}.google-oauth-toast--success{color:#f0fdf4;background:#13592e;border-color:#4ade80}.google-oauth-toast--error{background:#c22121}@supports (color:color-mix(in lab, red, red)){.google-oauth-toast--error{background:color-mix(in srgb, var(--color-destructive) 88%, black)}}.google-oauth-toast--error{color:#fff7f7;border-color:#fca5a5}.support-google-empty{color:#1e293b;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:min(70vh,640px);margin:-1rem -1.25rem 0;padding:2.5rem 1.5rem;display:flex}.support-google-empty:focus-within{outline:none}.support-google-empty__logo{margin-bottom:.5rem}.support-google-empty__title{color:#0f172a;margin:0;font-size:1.375rem;font-weight:600}.support-google-empty__text{color:#475569;max-width:28rem;margin:0;font-size:1rem;line-height:1.5}.support-inbox__kpis{margin-top:0}.support-inbox__filters-mobile{flex-direction:column;gap:.75rem;width:100%;display:flex}.support-inbox__filters-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-panel,#fff);width:100%;min-height:2.75rem;color:var(--color-foreground);font:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.support-inbox__filters-toggle:hover{background:var(--color-nav-active,#6d429414);border-color:#6d429473}.support-inbox__filters-toggle:focus-visible{outline-offset:2px;outline:3px solid #6d429473}.support-inbox__filters-badge{border-radius:var(--radius-pill);background:var(--brand-purple,#6d4294);color:#fff;justify-content:center;align-items:center;min-width:1.5rem;min-height:1.5rem;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.support-inbox__filters-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-panel,#fff);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.support-inbox__filters-panel .field,.support-inbox__filters-panel .filter-chips{margin-bottom:0}.support-inbox__table-wrap .data-table-wrap{min-width:0}.support-inbox__subject-cell{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.support-inbox__subject--unread{font-weight:600}.support-inbox__sender-cell{flex-direction:column;gap:.125rem;min-width:0;display:flex}.support-inbox__sender-primary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-inbox__sender-meta{color:var(--color-muted-fg);font-size:.8125rem;display:none}.support-inbox__datetime-cell{white-space:nowrap;flex-direction:column;gap:.125rem;display:flex}.support-inbox__datetime-age{color:var(--color-muted-fg);font-size:.8125rem;display:none}.support-inbox__age--urgent{color:#b91c1c;font-weight:600}.support-inbox__age--stalled{color:#b45309;font-weight:600}.support-inbox__chip--urgent.chip--selected{color:#b91c1c;border-color:#fca5a5}.support-inbox__row-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.support-inbox__card-list{gap:.875rem}.support-inbox__card-badges{flex-wrap:wrap;gap:.375rem;display:flex}.support-inbox__card-title{font-size:1rem;line-height:1.4}.support-inbox__card-footer{flex-direction:column;gap:.75rem;display:flex}.support-inbox__card-footer .support-inbox__row-actions{flex-direction:column;align-items:stretch}.support-inbox__card-footer .support-inbox__row-actions .row-actions{flex-direction:column}.support-inbox__card-footer .support-inbox__row-actions .row-actions__btn,.support-inbox__card-footer .support-inbox__row-actions .btn{justify-content:center;width:100%;min-height:2.75rem}.support-inbox__card-footer .support-triage__trigger{width:100%;min-height:2.75rem}.support-triage{gap:.75rem;display:grid}.support-triage--compact{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin-top:0}.support-triage--compact .field label{font-size:.75rem}.support-triage--compact .select{min-height:2.25rem;padding-block:.375rem;font-size:.8125rem}.support-triage--dialog{margin-top:.75rem}.support-triage--dialog .select{min-height:2.75rem;font-size:1rem}.support-triage__trigger{white-space:nowrap}.support-triage-overlay{z-index:120}.support-triage-dialog{width:min(100%,28rem);padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.support-triage-dialog__title{color:var(--color-foreground);margin:0;font-size:1.125rem;font-weight:700}.support-triage-dialog__subject{color:var(--color-muted-fg);margin:.375rem 0 0;font-size:.875rem;line-height:1.45}.support-triage-dialog__actions{justify-content:flex-end;margin-top:1rem;display:flex}.support-triage-dialog__actions .btn{min-width:6rem;min-height:2.75rem}.support-triage__error{color:#b91c1c;margin:0;font-size:.875rem}@media (width<=767px){.support-inbox__kpis.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.support-inbox__kpis .kpi-card{min-height:4.75rem;padding:.875rem}.support-inbox__kpis .kpi-card__label{font-size:.6875rem}.support-inbox__kpis .kpi-card__value{font-size:1.375rem}.support-inbox__filters-toggle,.support-inbox__filters-panel .chip{min-height:2.75rem}.support-inbox__filters-panel .select,.support-inbox__filters-panel .input{min-height:2.75rem;font-size:1rem}.support-triage-overlay{align-items:flex-end;padding:0}.support-triage-dialog{border-radius:1rem 1rem 0 0;width:100%;max-height:min(88svh,100%);overflow-y:auto}.support-triage-dialog:before{content:"";border-radius:var(--radius-pill);background:#6d429447;width:2.5rem;height:.25rem;margin:0 auto .875rem;display:block}}@media (width>=1366px) and (width<=1919px){.support-inbox__col--assignee,.support-inbox__col--age{display:none}.support-inbox__sender-meta,.support-inbox__datetime-age{display:block}.support-inbox__table-wrap .data-table{table-layout:fixed}.support-inbox__col--status{width:7.5rem}.support-inbox__col--sender{width:14%}.support-inbox__col--subject{width:28%}.support-inbox__col--date{width:11rem}.support-inbox__col--triage{width:6.5rem}.support-inbox__table-wrap .data-table th,.support-inbox__table-wrap .data-table td{padding:.625rem .75rem;font-size:.875rem}.support-inbox__table-wrap .data-table__actions{width:11rem}.support-inbox__row-actions{flex-direction:column;align-items:stretch;gap:.375rem}.support-inbox__row-actions .row-actions__btn,.support-inbox__row-actions .btn{text-align:center;width:100%;min-height:2rem;padding-inline:.5rem;font-size:.75rem}.support-triage__trigger{width:100%;min-height:2rem;padding-inline:.625rem;font-size:.75rem}}@media (width>=1920px){.support-inbox__table-wrap .data-table th,.support-inbox__table-wrap .data-table td{padding:.75rem 1rem}.support-inbox__subject-cell{max-width:22rem}.support-triage--compact{grid-template-columns:minmax(7rem,1fr) minmax(8rem,1fr);gap:.5rem}}.support-thread__meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.support-thread__messages{margin-top:1.5rem}.support-thread__empty{color:#64748b;margin:0}.support-thread__timeline{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.support-thread__message{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}.support-thread__message-header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;display:flex}.support-thread__sender{color:#0f172a;margin:0;font-weight:600}.support-thread__time{color:#64748b;font-size:.875rem}.support-thread__body,.support-thread__body--html{white-space:pre-wrap;word-break:break-word;color:#1e293b;margin:0;line-height:1.5}.support-thread__body-empty{color:#64748b;margin:0;font-style:italic}.support-attachments{margin-top:.75rem}.support-attachments__label{color:#334155;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.support-attachments__list{color:#475569;margin:0;padding-left:1.25rem}.support-attachments__name{font-weight:500}.support-attachments__mime{color:#64748b;margin-left:.5rem;font-size:.8125rem}.support-integrar{color:#1e293b;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:min(70vh,640px);margin:-1rem -1.25rem 0;padding:2.5rem 1.5rem;display:flex}.support-integrar__logo{margin-bottom:.25rem}.support-integrar__title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:600}.support-integrar__text{color:#475569;max-width:32rem;margin:0;font-size:1.0625rem;line-height:1.55}.support-integrar__steps{text-align:left;color:#334155;max-width:32rem;margin:.5rem 0 0;padding-left:1.25rem;font-size:1rem;line-height:1.6}.support-integrar__steps li+li{margin-top:.5rem}.support-integrar__actions{flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.support-integrar__back{color:#6d4294;font-size:.9375rem;font-weight:600;text-decoration:none}.support-integrar__back:hover{text-decoration:underline}.support-integrar__hint{color:#64748b;max-width:28rem;margin:0;font-size:.9375rem}.top-navbar{width:100%;max-width:640px;height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);padding-top:env(safe-area-inset-top,0px);background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:45;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.top-navbar__start{flex:1;min-width:0}.top-navbar__brand{flex-direction:column;gap:1px;min-width:0;display:flex}.top-navbar__brand--desktop{display:none}.top-navbar__logo{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:1.625rem;display:block}[data-theme=light] .top-navbar__logo{filter:brightness(0)saturate()invert(29%)sepia(47%)saturate(1633%)hue-rotate(242deg)brightness(92%)contrast(89%)}.top-navbar__subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-fg);font-size:.6875rem;font-weight:600}.top-navbar__title{color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.top-navbar__hint{color:var(--color-muted-fg);letter-spacing:.02em;font-size:.6875rem;font-weight:500}.top-navbar__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:inline-flex}.top-navbar__theme-toggle{min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-toggle);color:var(--color-muted-fg);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.top-navbar__theme-toggle:hover{background:var(--color-nav-active);border-color:var(--brand-purple-glow);color:var(--color-foreground)}.top-navbar__theme-toggle:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.top-navbar__bell .notification-bell__trigger{border-color:var(--color-border)}@media (width<=1365px){.app-shell--with-nav .page-header{top:calc(var(--header-h) + env(safe-area-inset-top,0px))}.app-shell--with-nav .page-header+.page,.app-shell--with-nav .list-page-layout .page{padding-top:calc(var(--header-h) * 2 + var(--space-md))}.app-shell--with-nav .page-header+.page--calendar{padding-top:0;padding-bottom:0;padding-inline:0}}.app-shell__main{flex-direction:column;flex:1;min-width:0;min-height:100svh;display:flex}@media (width>=1366px){.top-navbar{width:100%;max-width:none;height:var(--list-header-h,3.25rem);padding:0 var(--content-pad-x,1.75rem);z-index:40;padding-top:0;position:sticky;top:0;left:auto;transform:none}.top-navbar__brand--mobile{display:none}.top-navbar__brand--desktop{display:flex}.app-shell__main{min-height:100svh}.top-navbar__bell .notification-panel{z-index:60}}@media (prefers-reduced-motion:reduce){.top-navbar,.top-navbar__theme-toggle,.top-navbar__bell .notification-bell__trigger{transition-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}