@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg: #c6ccb0;--color-bg-soft: #d2d7bf;--color-surface: #f6f3ec;--color-surface-muted: #ebe8e1;--color-surface-subtle: #f0ede6;--color-surface-strong: #ffffff;--color-border: rgba(8, 8, 8, .08);--color-border-strong: rgba(8, 8, 8, .14);--color-text: #111111;--color-text-muted: #4f4c45;--color-text-soft: #777266;--color-accent: #d8ef35;--color-accent-strong: #bdd422;--color-accent-soft: #edf5b9;--color-success: #2f6d45;--color-warning: #7a6118;--color-error: #c7512c;--color-info: #366a87;--color-dark: #050505;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 34px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--shadow-soft: 0 18px 46px rgba(8, 8, 8, .08);--shadow-strong: 0 28px 80px rgba(8, 8, 8, .16)}html,body,#root{min-height:100%;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,.desktop-shell,.desktop-shell main,.desktop-shell [class*=overflow-y-auto],.desktop-shell [class*=overflow-auto],.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.desktop-shell::-webkit-scrollbar,.desktop-shell main::-webkit-scrollbar,.desktop-shell [class*=overflow-y-auto]::-webkit-scrollbar,.desktop-shell [class*=overflow-auto]::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar{width:0;background:transparent}*{box-sizing:border-box}:where(button,input,select,textarea,a):focus{--tw-ring-shadow: 0 0 #0000 !important;--tw-ring-offset-shadow: 0 0 #0000 !important}:where(button,input,select,textarea,a):focus-visible{outline:2px solid rgba(216,239,53,.78);outline-offset:2px}.desktop-shell{position:relative;background:var(--color-bg);overflow-x:hidden}.desktop-shell:before{display:none}.desktop-shell>*{position:relative}.desktop-shell main{background:transparent;min-width:0;overflow-x:hidden}.app-topbar{top:0;background-color:transparent;border-bottom:0;padding:16px 12px 10px}.topbar-shell{min-height:64px;min-width:0;border-radius:28px;border:1px solid rgba(255,255,255,.04);background:#050505fa;color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.app-shell{width:100%;max-width:1720px;min-width:0;margin-inline:auto;padding:0 2px 28px;overflow-x:hidden}.app-sidebar{border:1px solid var(--color-border);background:#f6f3eceb;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-sidebar-brand-panel{display:flex;align-items:center;justify-content:flex-start;gap:12px;border-radius:30px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(145deg,#1d1d1df2,#050505fa 72%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);padding:18px 20px;color:#fff;box-shadow:0 22px 54px #0808082e}.app-sidebar-brand{font-size:20px;color:#fff;font-weight:800;letter-spacing:-.04em}.app-sidebar-heading{color:var(--color-text-soft);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.app-sidebar-link{display:flex;align-items:center;gap:12px;min-height:46px;border-radius:18px;padding:10px 14px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.app-sidebar-link:hover{background-color:#ffffff8c;color:var(--color-text);transform:translate(2px)}.app-sidebar-link-active{background-color:var(--color-dark);color:#fff;box-shadow:0 16px 38px #08080824}.app-sidebar-link-active:hover{background-color:#121212f5;color:#fff}.app-sidebar-link-active svg{color:var(--color-accent)}.app-icon{color:currentColor}.app-card{background-color:#f6f3ece6;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-card-muted{background-color:#ebe8e1eb;border-color:var(--color-border)}.app-record-card{background-color:#f6f3ece6;border:1px solid var(--color-border);border-radius:28px;padding:16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.app-record-card:hover,.app-record-card:focus-within{transform:translateY(-1px);box-shadow:0 20px 48px #08080814;border-color:#0808081f}.app-hosting-card{--hosting-card-accent: rgba(47, 109, 69, .55);position:relative;display:flex;min-height:202px;flex-direction:column;border:1px solid var(--color-border);border-radius:30px;padding:16px;background:linear-gradient(180deg,#fffffff5,#f6f3eceb);box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;overflow:hidden}.app-hosting-card-body{display:flex;min-height:100%;flex:1 1 auto;flex-direction:column;gap:12px}.app-hosting-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-height:92px}.app-hosting-card-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.app-hosting-card-chip-row{display:flex;min-height:22px;flex-wrap:wrap;align-items:center;gap:6px}.app-hosting-card-meta-stack{display:flex;min-height:34px;flex-direction:column;justify-content:flex-start;gap:2px}.app-hosting-card-toggle{display:flex;min-height:28px;align-items:flex-start;justify-content:flex-end}.app-hosting-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:30px 30px 14px 14px;background:var(--hosting-card-accent);pointer-events:none}.app-hosting-card:hover,.app-hosting-card:focus-within{transform:translateY(-1px);box-shadow:0 22px 52px #0808081f}.app-hosting-card-active{border-color:#2f6d4524;background:linear-gradient(180deg,#faf9f4fa,#f4f1e9f0)}.app-hosting-card-active:before{--hosting-card-accent: rgba(47, 109, 69, .72)}.app-hosting-card-warning{border-color:#c7512c2e;background:linear-gradient(180deg,#faece7fa,#f6f3ecf0)}.app-hosting-card-warning:before{--hosting-card-accent: rgba(199, 81, 44, .78)}.app-hosting-card-expired{border-color:#c7512c38;background:linear-gradient(180deg,#f8e5dff5,#f6f3ecf0)}.app-hosting-card-expired:before{--hosting-card-accent: rgba(199, 81, 44, .86)}.app-hosting-card-deleted{border-color:#08080814;background:linear-gradient(180deg,#ece9e2f5,#f3f0e8eb)}.app-hosting-card-deleted:before{--hosting-card-accent: rgba(120, 114, 102, .52)}.app-hosting-card-title{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--color-text);line-height:1.15;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.app-hosting-card-meta{font-size:12px;color:var(--color-text-soft)}.app-hosting-card-amount{font-size:24px;font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--color-text);white-space:nowrap}.app-hosting-card-amount-unit{font-size:11px;font-weight:700;color:var(--color-text-soft)}.app-hosting-card-finance{display:flex;min-height:40px;align-items:flex-end;justify-content:space-between;gap:12px}.app-hosting-card-yearly{flex-shrink:0;font-size:11px;font-weight:600;color:var(--color-text-soft);text-align:right;white-space:nowrap}.app-hosting-card-date{font-size:11px;font-weight:600;color:var(--color-text-soft);text-align:right;white-space:nowrap}.app-hosting-card-footer{margin-top:auto;display:flex;min-height:32px;align-items:center;justify-content:space-between;gap:12px}.app-hosting-card-expiry{flex-shrink:1;max-width:100%}.app-hosting-card-status{display:inline-flex;align-items:center;justify-content:center;min-height:22px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:-.01em;border:1px solid transparent;white-space:nowrap;line-height:1}.app-hosting-card-status-active{background:#dcead6fa;border-color:#2f6d451f;color:var(--color-success)}.app-hosting-card-status-warning{background:#f7e0d9fa;border-color:#c7512c24;color:var(--color-error)}.app-hosting-card-status-expired{background:#f5d7cdfa;border-color:#c7512c29;color:var(--color-error)}.app-hosting-card-status-deleted,.app-hosting-card-status-neutral{background:#ffffffb8;border-color:#0808081a;color:var(--color-text-muted)}.app-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-section-title{font-size:var(--font-size-lg);font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.app-subtitle{font-size:var(--font-size-xs);color:var(--color-text-soft)}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:18px;border:1px solid transparent;padding:9px 16px;font-size:var(--font-size-sm);font-weight:700;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.app-button:hover{transform:translateY(-1px)}.app-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-button-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-dark);box-shadow:0 16px 36px #d8ef353d}.app-button-primary:hover{background-color:var(--color-accent-strong);border-color:var(--color-accent-strong)}.app-button-warning{background-color:var(--color-error);border-color:var(--color-error);color:#fff;box-shadow:0 16px 36px #c7512c38}.app-button-warning:hover{background-color:#a94424;border-color:#a94424}.app-button-dark{background-color:var(--color-dark);border-color:var(--color-dark);color:#fff;box-shadow:0 18px 38px #08080829}.app-button-dark:hover{background-color:#171717;border-color:#171717}.app-button-success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.app-button-success:hover{background-color:#25583a;border-color:#25583a}.app-button-secondary{background-color:#ffffffc7;border-color:var(--color-border-strong);color:var(--color-text)}.app-button-secondary:hover{background-color:#fff}.app-button-ghost{background-color:transparent;border-color:transparent;color:var(--color-text)}.app-button-ghost:hover{background-color:#ffffff75}.app-icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;border:1px solid var(--color-border);background-color:#ffffffc7;color:var(--color-text-muted);transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.app-icon-button:hover{background-color:#fff;color:var(--color-text);transform:translateY(-1px)}.topbar-shell .app-icon-button,.topbar-shell .app-chip,.topbar-shell .app-input,.topbar-shell .app-search-field{border-color:#ffffff14;background-color:#ffffff14;color:#fff}.topbar-shell .app-icon-button{width:38px;height:38px;border-radius:14px}.topbar-shell .app-input,.topbar-shell .app-search-field,.topbar-shell .app-select{color:#fff;caret-color:#fff;-webkit-text-fill-color:#ffffff}.topbar-shell .app-icon-button:hover{background-color:#ffffff1f;color:#fff}.topbar-shell .app-chip{box-shadow:none}.topbar-shell .app-chip-currency{width:100%;max-width:100%;justify-content:space-between}.topbar-shell .app-chip .app-icon-button{background-color:#ffffff0f}.topbar-shell .app-search-field{border-color:#08080814;background-color:#ffffffe0;color:var(--color-text);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}.topbar-shell .app-search-field:hover,.topbar-shell .app-search-field:focus-visible{background-color:#fffffff5;border-color:#0808081f}.topbar-shell .app-search-field::placeholder{color:var(--color-text-soft);-webkit-text-fill-color:var(--color-text-soft)}.topbar-shell .app-global-search-icon{color:var(--color-text-soft)!important}.topbar-shell .app-global-search-input{color:var(--color-text)!important;caret-color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important}.topbar-shell .app-global-search-input::placeholder{color:var(--color-text-soft)!important;-webkit-text-fill-color:var(--color-text-soft)!important}.topbar-shell .app-global-search-empty{color:var(--color-text)!important}.app-search-input,.app-search-field{padding-left:46px!important}.app-search-input{padding-right:16px!important}.topbar-shell .app-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke='rgba(255,255,255,0.72)' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M6 8l4 4 4-4'/></svg>")}.app-chip{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:#ffffffc2;padding:8px 12px;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text)}.app-chip-currency{min-height:46px;padding-inline:12px;gap:10px}.topbar-shell .app-chip-currency{min-height:40px;padding-inline:10px;gap:8px}.topbar-shell .app-currency-group{min-width:0;overflow:hidden;gap:5px;white-space:nowrap}.topbar-shell .app-currency-code{font-size:10px}.topbar-shell .app-currency-value{font-size:12px;white-space:nowrap}.app-currency-group{display:inline-flex;align-items:baseline;gap:6px}.app-currency-code{font-size:11px;font-weight:800;letter-spacing:.06em;color:#ffffffb8}.app-currency-value{font-size:13px;font-weight:800;letter-spacing:-.02em;color:#fff}.app-currency-meta{font-size:12px;font-weight:600;color:#ffffffad}.app-chip-currency .app-icon-button{width:28px;height:28px}.topbar-shell .app-chip-currency .app-icon-button{width:24px;height:24px;border-radius:999px}.app-input,.app-select{width:100%;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#ffffffc7;padding:11px 14px;font-size:var(--font-size-sm);color:var(--color-text);box-shadow:inset 0 0 0 1px #08080805;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.app-input::placeholder,.app-select::placeholder{color:var(--color-text-soft)}.app-input:hover,.app-select:hover{background-color:#fff}.app-input:focus-visible,.app-select:focus-visible,textarea:focus-visible{border-color:#d8ef35ad;box-shadow:0 0 0 4px #d8ef3529}.app-input:disabled,.app-select:disabled{background-color:#ebe8e1e0;color:var(--color-text-soft)}.app-input-compact,.app-select-compact{min-height:38px;padding:8px 12px;font-size:var(--font-size-xs)}.topbar-shell .app-input-compact,.topbar-shell .app-search-field{min-height:40px;border-radius:18px;padding-top:9px;padding-bottom:9px}.app-segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:18px;border:1px solid var(--color-border);background-color:#ffffffa6}.app-segmented button{border-radius:14px;padding:8px 12px;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-soft);border:1px solid transparent;background:transparent}.app-segmented button[aria-pressed=true]{background-color:var(--color-dark);border-color:var(--color-dark);color:#fff;box-shadow:0 10px 28px #08080824}.app-segmented-meta{display:inline-flex;align-items:center;gap:10px;min-height:48px;border-radius:18px;border:1px solid var(--color-border);background:linear-gradient(180deg,#ffffffd1,#f6f3ece0);padding:0 16px;white-space:nowrap}.app-segmented-meta-value{font-size:24px;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--color-text)}.app-segmented-meta-label{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-soft)}.app-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:#fffc;padding:2px 8px;font-size:10px;font-weight:700;color:var(--color-text);white-space:nowrap;line-height:1.1}.app-badge-alert{background-color:#c7512c1f;border-color:#c7512c2e;color:var(--color-error)}.app-badge-warning{background-color:#7a61181f;border-color:#7a61182e;color:var(--color-warning)}.app-menu{overflow:hidden;border:1px solid var(--color-border);border-radius:26px;background-color:#f6f3ecfa;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-menu-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-soft);background-color:#ebe8e1e0;padding:10px 14px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.app-menu-item{padding:12px 14px;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background-color .18s ease,color .18s ease}.app-menu-item:hover{background-color:#ffffffb3}.app-menu .app-input,.app-menu .app-select{background-color:#fffffff5;border-color:var(--color-border);color:var(--color-text);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}.app-menu .app-input::placeholder,.app-menu .app-select::placeholder{color:var(--color-text-soft)}.app-menu .app-input:hover,.app-menu .app-select:hover{background-color:#fff}.topbar-shell .currency-widget-menu{border-color:#0808081a;background:#f6f3ecfb;color:var(--color-text)}.topbar-shell .currency-widget-menu .currency-widget-input,.topbar-shell .currency-widget-menu .currency-widget-select{background:#fffffffa;border-color:var(--color-border);color:var(--color-text);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}.topbar-shell .currency-widget-menu .currency-widget-input::placeholder,.topbar-shell .currency-widget-menu .currency-widget-select::placeholder{color:var(--color-text-soft);-webkit-text-fill-color:var(--color-text-soft)}.topbar-shell .currency-widget-menu .currency-widget-input:hover,.topbar-shell .currency-widget-menu .currency-widget-select:hover,.topbar-shell .currency-widget-menu .currency-widget-input:focus-visible,.topbar-shell .currency-widget-menu .currency-widget-select:focus-visible{background:#fff}.currency-widget-results{background:#ffffffc7}.app-global-search-panel{border-color:#0808081a;background:#f6f3ecfb}.app-tooltip{position:relative;z-index:9990;border:1px solid var(--color-border);border-radius:24px;background-color:#f6f3ecfa;padding:14px;font-size:12px;color:var(--color-text-muted);box-shadow:var(--shadow-soft)}.desktop-shell .recharts-wrapper,.desktop-shell .recharts-responsive-container{overflow:visible!important}.desktop-shell .recharts-wrapper .recharts-sector,.desktop-shell .recharts-wrapper .recharts-rectangle,.desktop-shell .recharts-wrapper .recharts-curve,.desktop-shell .recharts-wrapper .recharts-dot,.desktop-shell .recharts-wrapper .recharts-symbols,.desktop-shell .recharts-wrapper .recharts-pie-sector,.desktop-shell .recharts-wrapper .recharts-bar-rectangle,.desktop-shell .recharts-wrapper .recharts-legend-item,.desktop-shell .recharts-wrapper .recharts-legend-item-text{cursor:default!important}.desktop-shell .recharts-default-legend,.desktop-shell .recharts-default-legend li{pointer-events:none;-webkit-user-select:none;user-select:none}.desktop-shell .app-card,.desktop-shell .app-stat-card,.desktop-shell .app-table-shell{position:relative;overflow:visible}.desktop-shell .app-card:hover,.desktop-shell .app-card:focus-within,.desktop-shell .app-stat-card:hover,.desktop-shell .app-stat-card:focus-within,.desktop-shell .app-table-shell:hover,.desktop-shell .app-table-shell:focus-within{z-index:160}.desktop-shell .recharts-tooltip-wrapper{z-index:9995!important;pointer-events:none}.desktop-shell .recharts-default-tooltip,.desktop-shell .recharts-tooltip-wrapper .app-tooltip{position:relative;z-index:9996!important}.app-floating-action{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:var(--radius-pill);border:1px solid var(--color-accent);background-color:var(--color-accent);color:var(--color-dark);font-size:20px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 20px 48px #d8ef353d}.app-list-row{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:22px;border:1px solid transparent;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.app-list-row:hover{background-color:#ffffff9e;transform:translateY(-1px)}.app-list-row-warning{background:#7a611814;border-color:#7a61181f}.app-list-row-warning:hover{background:#7a61181f;border-color:#7a611829}.app-list-row-alert{background:#c7512c17;border-color:#c7512c24}.app-list-row-alert:hover{background:#c7512c21;border-color:#c7512c2e}.app-editor-layout{display:grid;grid-template-columns:minmax(340px,460px) minmax(0,1fr);align-items:start;gap:24px}.app-editor-sidebar,.app-editor-preview{min-width:0;display:flex;flex-direction:column;gap:16px}.app-editor-surface{border:1px solid var(--color-border);border-radius:28px;background:#f6f3eceb;padding:16px;box-shadow:none}.app-editor-preview-frame{overflow:auto;border:1px solid var(--color-border);border-radius:32px;background:#f6f3ecd1;padding:14px}.app-editor-print-surface{width:fit-content;min-width:min(100%,794px);transform-origin:top left}.app-modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.app-modal-actions>*{max-width:100%}.app-modal-actions-start{justify-content:flex-start}.app-page-stack{display:flex;min-width:0;flex-direction:column;gap:24px;overflow-x:hidden}.app-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:48px}.app-page-header>*{min-width:0}.app-page-title-block{display:flex;flex-direction:column;gap:0}.desktop-shell main .app-page-title,.desktop-shell main h1[class*=text-xl][class*=font-semibold],.desktop-shell main h1[class*=text-xl][class*=font-bold],.desktop-shell main h1[class*=text-2xl],.desktop-shell main h1[class*=text-3xl]{font-size:34px;font-weight:800;letter-spacing:-.05em;line-height:1.02;color:var(--color-text)}.app-page-subtitle{display:none}.app-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.app-page-actions>*{max-width:100%}.app-settings-page{display:flex;min-width:0;flex-direction:column;gap:18px;overflow-x:hidden}.app-settings-layout{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:20px;align-items:start}.app-settings-sidebar{min-width:0}.app-settings-nav{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--color-border);border-radius:32px;background:#f6f3eceb;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-settings-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-radius:20px;border:1px solid transparent;padding:0 14px;font-size:14px;font-weight:700;color:var(--color-text-muted);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.app-settings-link:hover{transform:translate(2px);background:#ffffffa8;color:var(--color-text)}.app-settings-link-icon{display:inline-flex;align-items:center;gap:12px;min-width:0}.app-settings-link-icon svg{flex-shrink:0}.app-settings-link-chevron{width:16px;height:16px;color:var(--color-text-soft);flex-shrink:0}.app-settings-link-active{border-color:#ffffff0f;background:linear-gradient(145deg,#181818f5,#080808fa 76%);color:#fff;box-shadow:0 18px 42px #08080829}.app-settings-link-active:hover{color:#fff;transform:none}.app-settings-link-active .app-settings-link-icon svg:first-child{color:var(--color-accent)}.app-settings-link-active .app-settings-link-chevron{color:#ffffff8f}.app-settings-link-destructive{color:var(--color-error)}.app-settings-link-destructive:hover{background:#c7512c1a;color:#a94424}.app-settings-link-destructive-active{border-color:#c7512c1f;background:linear-gradient(180deg,#cb5a34,#b34927);color:#fff;box-shadow:0 18px 42px #c7512c33}.app-settings-link-destructive-active .app-settings-link-chevron,.app-settings-link-destructive-active .app-settings-link-icon svg:first-child{color:#fff}.app-settings-content{display:flex;min-width:0;flex-direction:column;gap:20px}.app-settings-content .app-table-shell,.app-settings-content .app-table-shell-flush,.app-settings-table-shell{padding:18px 18px 14px}.app-settings-content .app-table-scroll,.app-settings-table-scroll{padding:0 2px}.app-settings-content>.space-y-6,.app-settings-content>.space-y-5,.app-settings-content>.space-y-4,.app-settings-content>.space-y-3{display:flex;flex-direction:column;gap:20px}.app-settings-content [class~=bg-white][class~=rounded-xl],.app-settings-content [class~=bg-white][class~=rounded-2xl],.app-settings-content [class~="dark:bg-neutral-900"][class~=rounded-xl],.app-settings-content [class~="dark:bg-neutral-900"][class~=rounded-2xl]{border-color:var(--color-border)!important;border-radius:32px!important;background:#f6f3eceb!important;box-shadow:var(--shadow-soft)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-settings-content [class~=bg-neutral-50],.app-settings-content [class~="dark:bg-neutral-800/50"]{border-color:var(--color-border)!important;background:#ebe8e1d6!important}.app-settings-content input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not(.sr-only),.app-settings-content select,.app-settings-content textarea{border-radius:18px!important;border-color:var(--color-border)!important;background:#ffffffd1!important;color:var(--color-text)!important;box-shadow:inset 0 0 0 1px #08080805}.app-settings-content input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not(.sr-only):hover,.app-settings-content select:hover,.app-settings-content textarea:hover{background:#fff!important}.app-settings-content input[type=checkbox],.app-settings-content input[type=radio]{accent-color:var(--color-accent-strong)}.app-settings-content input[type=file]{width:100%;font-size:14px;color:var(--color-text-soft)}.app-settings-content input[type=file]::file-selector-button{margin-right:14px;border:1px solid var(--color-accent);border-radius:999px;background:var(--color-accent);padding:10px 16px;font-size:13px;font-weight:800;color:var(--color-dark);cursor:pointer}.app-settings-content button[class~=bg-primary-600],.app-settings-content a[class~=bg-primary-600]{border-color:var(--color-accent)!important;background:var(--color-accent)!important;color:var(--color-dark)!important;box-shadow:0 16px 36px #d8ef353d}.app-settings-content button[class~=bg-primary-600]:hover,.app-settings-content a[class~=bg-primary-600]:hover{border-color:var(--color-accent-strong)!important;background:var(--color-accent-strong)!important}.app-settings-content button[class~=bg-neutral-200],.app-settings-content button[class~=border-neutral-200],.app-settings-content a[class~=border-neutral-200]{border-color:var(--color-border-strong)!important;background:#ffffffc7!important;color:var(--color-text)!important}.app-settings-content button[class~=bg-neutral-200]:hover,.app-settings-content button[class~=border-neutral-200]:hover,.app-settings-content a[class~=border-neutral-200]:hover{background:#fff!important}.app-settings-content details{border:1px solid var(--color-border);border-radius:22px;background:#ebe8e1e0!important;padding:14px 16px}.app-settings-content details summary{color:var(--color-text)}.app-settings-content dl{border:1px solid var(--color-border);border-radius:28px;background:#f6f3eceb;padding:8px;box-shadow:none}.app-settings-content dl>div{margin:8px 0;border-radius:20px;background:#ffffffd6;border:1px solid rgba(8,8,8,.06)}.app-settings-content dl>div:first-child,.app-settings-content dl>div:last-child{margin-block:8px}.app-settings-content dt{color:var(--color-text-soft)!important}.app-settings-content dd{color:var(--color-text)!important}.app-settings-table{width:100%;border-collapse:separate;border-spacing:0 10px}.app-settings-table thead th{border-bottom:0!important;background:linear-gradient(145deg,#181818f7,#050505fc 75%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);color:#ffffffeb!important;box-shadow:0 16px 36px #08080824}.app-settings-table thead th:first-child{border-radius:18px 0 0 18px}.app-settings-table thead th:last-child{border-radius:0 18px 18px 0}.app-settings-table tbody td{background:#fffffff5;border-top:1px solid rgba(8,8,8,.06)!important;border-bottom:1px solid rgba(8,8,8,.06)!important;vertical-align:middle}.app-settings-table tbody td:first-child{border-left:1px solid rgba(8,8,8,.06)!important;border-radius:20px 0 0 20px}.app-settings-table tbody td:last-child{border-right:1px solid rgba(8,8,8,.06)!important;border-radius:0 20px 20px 0}.app-settings-table tbody tr:not(.app-settings-table-empty-row){transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 14px 32px #0808080a}.app-settings-table tbody tr:not(.app-settings-table-empty-row):hover{transform:translateY(-1px)}.app-settings-table tbody tr.app-settings-table-empty-row td{border:0!important;border-radius:22px!important;background:#ffffffb8;box-shadow:none}.app-report-page{display:flex;min-width:0;flex-direction:column;gap:24px;overflow-x:hidden}.app-report-page [class~=bg-white][class~=rounded-xl],.app-report-page [class~=bg-white][class~=rounded-2xl]{border-color:var(--color-border)!important;border-radius:32px!important;background:#f6f3eceb!important;box-shadow:var(--shadow-soft)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-report-page [class~=bg-neutral-50]{border-color:var(--color-border)!important;background:#ebe8e1d6!important}.app-report-page .recharts-default-legend{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px!important}.app-report-page .recharts-default-legend li{display:inline-flex!important;align-items:center;gap:8px;min-height:34px;border:1px solid var(--color-border);border-radius:18px;background:#ffffffc7;margin:0!important;padding:0 12px}.app-report-page .recharts-legend-item-text,.app-report-page .recharts-text.recharts-pie-label-text{fill:var(--color-text)!important;color:var(--color-text)!important;font-size:12px;font-weight:700}.app-report-page .recharts-tooltip-wrapper .recharts-default-tooltip{border:1px solid rgba(8,8,8,.08)!important;border-radius:20px!important;background:#f6f3ecf5!important;box-shadow:var(--shadow-soft);padding:10px 12px!important}.app-report-page .recharts-tooltip-label{color:var(--color-text)!important;font-weight:800}.app-report-page .recharts-tooltip-item{color:var(--color-text-muted)!important;font-weight:700!important}.app-report-chart-shell{display:flex;flex-direction:column;gap:18px;min-height:100%}.app-report-chart-grid{display:flex;justify-content:center}.app-report-chart-canvas{width:min(100%,320px);min-height:320px}.app-report-breakdown-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.app-report-breakdown-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(8,8,8,.06);border-radius:22px;background:#fffc;padding:14px 16px}.app-report-breakdown-dot{width:12px;height:12px;border-radius:999px;flex-shrink:0}.app-report-breakdown-copy{min-width:0}.app-report-breakdown-title{font-size:14px;font-weight:800;color:var(--color-text);line-height:1.35}.app-report-breakdown-meta{margin-top:4px;font-size:12px;font-weight:700;color:var(--color-text-soft)}.app-report-empty-state{min-height:220px;display:flex;flex-direction:column;justify-content:center}.app-tools-page{display:flex;min-width:0;flex-direction:column;gap:18px;overflow-x:hidden}.app-tools-page-overview{gap:18px}.app-tools-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 18px;border-radius:28px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top left,rgba(216,239,53,.13),transparent 40%),linear-gradient(145deg,#181818f5,#080808fa 76%);box-shadow:var(--shadow-strong);overflow:hidden}.app-tools-hero:after{content:"";position:absolute;right:-48px;bottom:-56px;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle,rgba(216,239,53,.16),transparent 70%);pointer-events:none}.app-tools-hero-copy,.app-tools-hero-side{position:relative;z-index:1}.app-tools-hero-copy{display:flex;align-items:flex-start;gap:12px}.app-tools-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;border:1px solid rgba(216,239,53,.18);background:#d8ef351f;color:var(--color-accent);box-shadow:inset 0 0 0 1px #ffffff05}.app-tools-hero-icon svg{width:18px;height:18px}.app-tools-hero-title{font-size:22px;font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}.app-tools-hero-description{margin-top:10px;max-width:700px;font-size:15px;line-height:1.55;color:#ffffffb8}.app-tools-hero-side{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.app-tools-page:not(.app-tools-page-overview) .app-tools-kicker,.app-tools-page:not(.app-tools-page-overview) .app-tools-hero-description{display:none}.app-tools-page:not(.app-tools-page-overview) .app-tools-hero{align-items:center}.app-tools-page:not(.app-tools-page-overview) .app-tools-hero-copy{align-items:center}.app-tool-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.app-tool-metric-chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff14;padding:6px 10px;font-size:10px;font-weight:700;color:#ffffffb8}.app-tool-metric-chip strong{color:#fff;font-weight:800}.app-tools-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.app-tools-card{position:relative;display:flex;min-height:228px;flex-direction:column;justify-content:space-between;gap:18px;overflow:hidden;border:1px solid var(--color-border);border-radius:28px;padding:18px;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.app-tools-card:after{content:"";position:absolute;inset:auto 20px 18px auto;width:88px;height:88px;border-radius:22px;background:radial-gradient(circle,rgba(216,239,53,.12),transparent 72%);pointer-events:none}.app-tools-card:hover,.app-tools-card:focus-visible{transform:translateY(-2px);box-shadow:0 24px 56px #08080824}.app-tools-card-hero{min-height:0;flex-direction:row;align-items:center;gap:18px;padding:18px 20px}.app-tools-card-hero:after{width:152px;height:152px;inset:auto 28px 18px auto}.app-tools-card-hero-copy{display:flex;align-items:center;gap:14px}.app-tools-card-light{background:#f6f3ecf0}.app-tools-card-dark{color:#fff;border-color:#ffffff0f;background:linear-gradient(145deg,#181818f5,#080808fa 76%);box-shadow:var(--shadow-strong)}.app-tools-card-accent{color:var(--color-dark);background:linear-gradient(180deg,#d8ef35f5,#cde430f0);border-color:#08080808;box-shadow:0 24px 56px #d8ef3533}.app-tools-card-warning{color:#fff;background:linear-gradient(180deg,#c7512cf5,#b34927f0);border-color:#08080805;box-shadow:0 24px 56px #c7512c38}.app-tools-card-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:42px;height:42px;flex-shrink:0;border-radius:16px;border:1px solid rgba(8,8,8,.08);background:#ffffff9e;padding:0;color:inherit}.app-tools-card-dark .app-tools-card-badge,.app-tools-card-warning .app-tools-card-badge{border-color:#d8ef3529;background:#d8ef351f;color:var(--color-accent)}.app-tools-card-badge svg{width:18px;height:18px}.app-tools-card-title{font-size:22px;font-weight:800;letter-spacing:-.04em;color:var(--color-text)}.app-tools-card-text{font-size:14px;line-height:1.55;color:var(--color-text-muted)}.app-tools-card-dark .app-tools-card-title,.app-tools-card-warning .app-tools-card-title,.app-tools-card-dark .app-tools-card-text,.app-tools-card-warning .app-tools-card-text{color:#fff}.app-tools-card-dark .app-tools-card-action{color:var(--color-accent)}.app-tools-card-warning .app-tools-card-action{color:#ffffffeb}.app-tools-card-action{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:36px;border-radius:16px;padding:0 12px;border:1px solid rgba(8,8,8,.08);background:#ffffff9e;font-size:12px;font-weight:800;letter-spacing:-.02em;color:inherit}.app-tools-card-dark .app-tools-card-action,.app-tools-card-warning .app-tools-card-action{border-color:#d8ef3529;background:#ffffff1a}.app-tools-shell{width:100%;border:1px solid var(--color-border);border-radius:24px;background:#f6f3eceb;padding:8px 10px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-tools-tabbar{display:flex;align-items:center;gap:10px;overflow-x:auto;width:100%;min-width:0;padding-bottom:2px}.app-tools-tabbar::-webkit-scrollbar{display:none}.app-tools-tab{display:inline-flex;align-items:center;min-height:34px;border-radius:14px;border:1px solid transparent;padding:0 12px;font-size:12px;font-weight:700;color:var(--color-text-soft);white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.app-tools-tab:hover{background:#ffffffa3;color:var(--color-text)}.app-tools-tab-active{border-color:#08080814;background:var(--color-dark);color:#fff;box-shadow:0 10px 24px #0808081f}.app-tools-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.app-tools-panel{border:1px solid var(--color-border);border-radius:28px;background:#f6f3eceb;padding:18px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-tools-panel-muted{background:#ebe8e1f0}.app-tools-panel-dark{border-color:#ffffff14;background:linear-gradient(145deg,#181818f5,#080808fa 76%);color:#fff;box-shadow:var(--shadow-strong)}.app-tools-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-soft)}.app-tools-panel-dark .app-tools-kicker{color:#ffffff94}.app-tools-section-heading{font-size:24px;font-weight:800;letter-spacing:-.04em;color:var(--color-text)}.app-tools-panel-dark .app-tools-section-heading{color:#fff}.app-tools-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.app-tools-dropzone{position:relative;border:1.5px dashed rgba(8,8,8,.14);border-radius:34px;background:radial-gradient(circle at top left,rgba(216,239,53,.08),transparent 40%),#f6f3ecf0;padding:34px;text-align:center;box-shadow:var(--shadow-soft);transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.app-tools-dropzone.is-dragging{border-color:#d8ef35b8;background:radial-gradient(circle at top left,rgba(216,239,53,.18),transparent 40%),#f6f3ecfa;transform:translateY(-1px)}.app-tools-dropzone-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:22px;background:#d8ef352e;color:var(--color-dark)}.app-tools-dropzone-icon svg{width:30px;height:30px}.app-tools-results-list{display:flex;flex-direction:column;gap:12px}.app-tools-result-card{display:grid;gap:12px;border:1px solid var(--color-border);border-radius:28px;padding:14px 16px;background:#ffffffb8}.app-tools-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.app-tools-gallery-compact-single{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start}.app-tools-media-card{overflow:hidden;border:1px solid var(--color-border);border-radius:30px;background:#f6f3eceb;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.app-tools-media-card:hover,.app-tools-media-card:focus-within{transform:translateY(-1px);box-shadow:0 22px 52px #0808081f}.app-tools-media-card-top{padding:14px 16px 12px}.app-tools-media-card-preview{position:relative;overflow:hidden;border-top:1px solid var(--color-border);background:#ffffffdb}.app-tools-media-card-preview img{width:100%;object-fit:cover}.app-tools-inline-stat{display:inline-flex;align-items:center;gap:6px;border-radius:16px;border:1px solid var(--color-border);background:#ffffffbd;padding:6px 10px;font-size:11px;font-weight:700;color:var(--color-text-soft)}.app-tools-page input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.sr-only),.app-tools-page select,.app-tools-page textarea{border-radius:18px;border:1px solid var(--color-border);background:#ffffffd1;color:var(--color-text);box-shadow:inset 0 0 0 1px #08080805}.app-tools-page input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.sr-only):hover,.app-tools-page select:hover,.app-tools-page textarea:hover{background:#fff}.app-tools-page input[type=radio],.app-tools-page input[type=checkbox],.app-tools-page input[type=range]{accent-color:var(--color-accent-strong)}.app-tools-page button[class~=bg-indigo-600],.app-tools-page button[class~=bg-primary-600],.app-tools-page button[class~=bg-blue-600]{border-color:var(--color-accent)!important;background:var(--color-accent)!important;color:var(--color-dark)!important;box-shadow:0 16px 36px #d8ef353d}.app-tools-page button[class~=bg-indigo-600]:hover,.app-tools-page button[class~=bg-primary-600]:hover,.app-tools-page button[class~=bg-blue-600]:hover{border-color:var(--color-accent-strong)!important;background:var(--color-accent-strong)!important}.app-tools-page button[class~=bg-emerald-600]{border-color:var(--color-dark)!important;background:var(--color-dark)!important;color:#fff!important}.app-tools-page button[class~=bg-emerald-600]:hover{border-color:#171717!important;background:#171717!important}.app-tools-page button[class~=bg-red-600],.app-tools-page a[class~=bg-red-600]{border-color:var(--color-error)!important;background:var(--color-error)!important;color:#fff!important}.app-tools-page button[class~=bg-red-600]:hover,.app-tools-page a[class~=bg-red-600]:hover{border-color:#a94424!important;background:#a94424!important}.app-tools-page button[class~=border-neutral-300],.app-tools-page a[class~=border-neutral-300]{border-color:var(--color-border-strong);background:#ffffffc7;color:var(--color-text)}.app-tools-page button[class~=border-neutral-300]:hover,.app-tools-page a[class~=border-neutral-300]:hover{background:#fff}.app-tools-page [class~=bg-white][class~=border][class~=border-neutral-200][class~=rounded-xl],.app-tools-page [class~=bg-white][class~=border][class~=border-neutral-200][class~=rounded-2xl]{border-color:var(--color-border);background:#f6f3eceb;box-shadow:var(--shadow-soft)}.app-tools-page [class~=rounded-lg][class~=border][class~=border-neutral-200][class~=bg-neutral-50],.app-tools-page [class~=rounded-md][class~=border][class~=border-neutral-200][class~=bg-neutral-50]{border-color:var(--color-border);background:#ebe8e1d6}.app-button-outline{background-color:#ffffffc7;border-color:var(--color-border-strong);color:var(--color-text)}.app-button-outline:hover{background-color:#fff}@media(max-width:1180px){.app-tools-hero{grid-template-columns:1fr}.app-tools-hero-side{justify-content:flex-start}.app-tools-split{grid-template-columns:1fr}}@media(max-width:820px){.app-tools-hero{padding:14px 16px}.app-tools-hero-copy{flex-direction:column}.app-tools-hero-title{font-size:20px}.app-tools-card-hero{flex-direction:column;align-items:flex-start}.app-tools-toolbar{grid-template-columns:1fr}}.app-filter-shell{display:flex;flex-direction:column;gap:12px;border:1px solid var(--color-border);border-radius:30px;background:#f6f3eceb;padding:16px 18px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.app-filter-grid-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:1280px){.app-filter-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}}.app-filter-actions{display:flex;align-items:center;gap:10px;min-height:42px}.app-filter-meta{font-size:12px;font-weight:600;color:var(--color-text-soft)}.app-filter-shell .app-input,.app-filter-shell .app-select{min-height:42px;background-color:#ffffffeb}.app-filter-shell .app-search-input{min-height:42px;padding-left:44px}.app-stat-card{border:1px solid rgba(8,8,8,.06);border-radius:28px;background:#fffffff0;padding:18px 20px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-stat-card-accent{background:var(--color-accent);border-color:#08080805;box-shadow:none}.app-stat-card-dark{background:linear-gradient(145deg,#1d1d1df2,#050505fa 72%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);border-color:#ffffff0f;box-shadow:none}.app-stat-card-danger{background:linear-gradient(180deg,#cb5a34,#b34927);border-color:#00000005;box-shadow:none}.app-stat-label{font-size:12px;font-weight:800;letter-spacing:-.01em;color:var(--color-text-soft)}.app-stat-card-accent .app-stat-label{color:#05050585}.app-stat-card-dark .app-stat-label,.app-stat-card-danger .app-stat-label{color:#ffffffa3}.app-stat-value{margin-top:8px;font-size:34px;font-weight:800;letter-spacing:-.05em;color:var(--color-text)}.app-stat-card-dark .app-stat-value,.app-stat-card-danger .app-stat-value{color:#fff}.app-stat-description{margin-top:4px;font-size:12px;color:var(--color-text-soft)}.app-stat-card-accent .app-stat-description{color:#050505a3}.app-stat-card-dark .app-stat-description,.app-stat-card-danger .app-stat-description{color:#ffffffad}.app-stat-info-control{position:relative;display:inline-flex;flex-shrink:0}.app-stat-info-button.app-icon-button{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:12px;box-shadow:none}.app-stat-info-tooltip{position:absolute;top:calc(100% + 12px);left:50%;right:auto;z-index:340;width:18rem;max-width:min(22rem,calc(100vw - 3rem));visibility:hidden;opacity:0;transform:translate(-50%,6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.app-stat-info-control:hover .app-stat-info-tooltip,.app-stat-info-control:focus-within .app-stat-info-tooltip{visibility:visible;opacity:1;transform:translate(-50%)}.app-profile-hero{display:flex;flex-direction:column;gap:20px}.app-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.app-profile-chip-list{display:flex;flex-wrap:wrap;gap:10px}.app-profile-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--color-border);border-radius:20px;background:#ffffffc7;padding:0 14px;font-size:13px;font-weight:700;color:var(--color-text-muted)}.app-profile-chip svg{flex-shrink:0}.app-profile-chip-link{text-decoration:none}.app-profile-chip-link:hover{color:var(--color-text)}.app-profile-link-pill{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:#0808080f;padding:0 10px;font-size:12px;font-weight:700;color:var(--color-text);text-decoration:none}.app-profile-link-pill:hover{background:#d8ef353d}.app-profile-stack,.app-profile-section{display:flex;flex-direction:column;gap:14px}.app-profile-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.app-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-detail-field{display:flex;min-height:84px;flex-direction:column;justify-content:space-between;gap:8px;border:1px solid rgba(8,8,8,.06);border-radius:24px;background:#ebe8e1bd;padding:14px 16px}.app-detail-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.app-detail-value{font-size:15px;font-weight:800;color:var(--color-text)}.app-detail-value-strong{font-size:22px;letter-spacing:-.05em;line-height:1.02}.app-chart-shell{border:1px solid var(--color-border);border-radius:32px;background:#f6f3eceb;padding:18px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-chart-canvas{height:320px}.app-chart-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.app-chart-legend-item{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid var(--color-border);border-radius:18px;background:#ffffffc7;padding:0 12px;font-size:12px;font-weight:700;color:var(--color-text)}.app-chart-legend-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.app-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-service-card{display:flex;flex-direction:column;gap:16px;border:1px solid var(--color-border);border-radius:28px;background:#f6f3eceb;padding:18px;box-shadow:none}.app-service-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-service-card-copy{display:flex;min-width:0;flex-direction:column;gap:6px}.app-service-card-title{font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--color-text)}.app-service-card-subtitle{font-size:12px;line-height:1.45;color:var(--color-text-soft)}.app-service-card-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.app-service-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.app-service-card-stat{display:flex;min-height:72px;flex-direction:column;justify-content:space-between;gap:6px;border:1px solid rgba(8,8,8,.06);border-radius:22px;background:#ffffffc7;padding:12px 14px}.app-service-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(8,8,8,.08);padding-top:14px}.app-service-card-note{font-size:12px;color:var(--color-text-soft)}.app-table-shell{overflow:hidden;border:1px solid var(--color-border);border-radius:32px;background:#f6f3eceb;padding:14px 14px 10px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-table-shell-flush{padding:0}.desktop-shell main .app-shell>div>.app-empty-state,.desktop-shell main .app-shell>div>.app-card:not([class*=max-w-]):not([class*=bg-red-]):not([class*=border-red-]){background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-table-scroll{overflow-x:auto}.app-table-group-row td{padding:6px 10px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--color-text-soft)!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important}.desktop-shell tbody tr.app-table-group-row{box-shadow:none!important;transform:none!important;background:transparent!important}.desktop-shell tbody tr.app-table-group-row:hover{transform:none!important}.desktop-shell tbody tr.app-table-group-row td,.desktop-shell tbody tr.app-table-group-row td:first-child,.desktop-shell tbody tr.app-table-group-row td:last-child{padding:4px 2px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.app-empty-state{border:1px dashed rgba(8,8,8,.16);border-radius:32px;background:#f6f3ecad;padding:40px 28px;text-align:center;box-shadow:none}.app-subscription-card{position:relative;display:flex;min-height:196px;height:100%;cursor:pointer;flex-direction:column;gap:12px;border:1px solid var(--color-border);border-radius:28px;background:linear-gradient(180deg,#f6f3ecfa,#f0ede6f2);padding:16px;text-align:left;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.app-subscription-card:hover{transform:translateY(-1px);border-color:#8da01847;background:linear-gradient(180deg,#f6f3ec,#ebe8e1fa)}.app-subscription-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.app-subscription-card-main{display:flex;min-width:0;min-height:0;flex-direction:column;gap:8px}.app-subscription-card-side{display:flex;width:82px;flex-shrink:0;flex-direction:column;align-items:flex-end;justify-content:flex-start;text-align:right}.app-subscription-card-chip-row{display:flex;flex-wrap:wrap;gap:8px}.app-subscription-card-chip{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 10px;font-size:10px;font-weight:800;letter-spacing:-.01em}.app-subscription-card-chip-business{background:#366a871a;color:var(--color-info)}.app-subscription-card-chip-household{background:#2f6d451f;color:var(--color-success)}.app-subscription-card-chip-muted{background:#0808080f;color:var(--color-text-soft)}.app-subscription-card-title{display:-webkit-box;min-height:40px;overflow:hidden;font-size:18px;font-weight:800;letter-spacing:-.05em;line-height:1.12;color:var(--color-text);-webkit-box-orient:vertical;-webkit-line-clamp:2}.app-subscription-card-price{min-height:0;font-size:30px;font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--color-text)}.app-subscription-card-label{font-size:11px;font-weight:700;color:var(--color-text-soft)}.app-subscription-card-value{font-size:13px;font-weight:800;color:var(--color-text)}.app-subscription-card-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:82px;border-radius:999px;padding:0 10px;font-size:10px;font-weight:800;letter-spacing:-.01em}.app-subscription-card-status-ok{background:#dcead6fa;color:var(--color-success)}.app-subscription-card-status-warning{background:#f7e0d9fa;color:var(--color-error)}.app-subscription-card-status-overdue{background:#f5d7cdfa;color:var(--color-error)}.app-subscription-card-status-inactive{background:#08080814;color:var(--color-text-soft)}.app-subscription-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,132px);gap:10px}.app-subscription-card-stat{display:flex;min-height:72px;flex-direction:column;justify-content:center;gap:4px;border:1px solid rgba(8,8,8,.06);border-radius:20px;background:#ffffff94;padding:12px 13px}.app-subscription-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid rgba(8,8,8,.08);padding-top:12px}.app-subscription-card-toggle{display:flex;align-items:center;gap:10px;min-height:36px}.app-subscription-card-icon-button{display:inline-flex;align-items:center;justify-content:center;height:38px;width:38px;border:1px solid rgba(8,8,8,.08);border-radius:999px;background:#ffffffa3;color:var(--color-text);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.app-subscription-card-icon-button:hover{border-color:#8da0183d;background:#ffffffe6;transform:translateY(-1px)}.app-subscription-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}@media(max-width:720px){.app-subscription-card{min-height:0}.app-subscription-card-top{grid-template-columns:1fr}.app-subscription-card-side{width:100%;min-height:0;align-items:flex-start;text-align:left}.app-subscription-card-body{grid-template-columns:1fr}.app-subscription-card-bottom{align-items:flex-start;flex-direction:column}.app-subscription-card-toggle,.app-subscription-card-actions{width:100%;justify-content:flex-start}}.app-soft-panel{border-radius:22px;border:1px solid rgba(8,8,8,.06);background:#ffffffbd;padding:12px 14px}.app-soft-panel-dark{border-color:#ffffff0f;background:#ffffff14}.desktop-shell table{width:100%;border-collapse:separate;border-spacing:0 12px}.desktop-shell thead th{border-bottom:0!important;padding:12px 16px!important;font-size:12px;font-weight:700;color:#ffffffeb;text-transform:none;letter-spacing:0;background:linear-gradient(145deg,#181818f7,#050505fc 75%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);box-shadow:0 16px 36px #08080824}.desktop-shell thead th:first-child{border-radius:18px 0 0 18px}.desktop-shell thead th:last-child{border-radius:0 18px 18px 0}.desktop-shell thead th *{color:inherit!important}.desktop-shell tbody tr{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;box-shadow:0 14px 32px #0808080a}.desktop-shell tbody tr:hover{transform:translateY(-1px)}.desktop-shell tbody td{background:#fffffff5;padding-top:15px!important;padding-bottom:15px!important;border-top:1px solid rgba(8,8,8,.06)!important;border-bottom:1px solid rgba(8,8,8,.06)!important;vertical-align:middle}.desktop-shell tbody td:first-child{border-left:1px solid rgba(8,8,8,.06)!important;border-radius:20px 0 0 20px}.desktop-shell tbody td:last-child{border-right:1px solid rgba(8,8,8,.06)!important;border-radius:0 20px 20px 0}.desktop-shell .app-shell a:not(.app-sidebar-link):not(.app-button){transition:color .18s ease}.desktop-shell .app-shell a:not(.app-sidebar-link):not(.app-button):hover{color:#6f8612}@media(min-width:1800px){.app-shell{max-width:1760px}.app-page-stack,.app-settings-page,.app-report-page,.app-tools-page{gap:28px}.app-tools-card-grid,.app-report-breakdown-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:1024px){.app-page-title{font-size:28px}.app-topbar{padding:10px 12px 0}.topbar-shell{min-height:56px;border-radius:24px;padding-top:8px;padding-bottom:8px}.app-shell{padding:6px 10px 24px}.app-sidebar{background:#f6f3ecf5}.app-page-stack,.app-settings-page,.app-report-page,.app-tools-page{gap:18px}.app-segmented{width:100%;justify-content:flex-start;overflow-x:auto}.app-segmented button{flex:0 0 auto;white-space:nowrap}.app-segmented-meta{width:100%;justify-content:space-between}.app-filter-shell{padding:14px;border-radius:24px}.app-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.app-filter-row>*{max-width:none!important;width:100%!important}.app-filter-row>.app-filter-actions,.app-filter-row>button,.app-filter-row>[class*=justify-end]{grid-column:1 / -1}.app-filter-actions{width:100%;flex-wrap:wrap;align-items:stretch}.topbar-shell .app-icon-button{width:36px;height:36px;border-radius:14px;flex-shrink:0}.topbar-shell .app-chip-currency{min-height:38px;padding-inline:8px;gap:8px}.topbar-shell .app-chip-currency .app-icon-button{width:22px;height:22px}.topbar-shell .app-currency-code{font-size:9px}.topbar-shell .app-currency-value{font-size:13px}.topbar-shell .app-currency-meta{font-size:11px}.app-filter-actions>*{flex:1 1 100%}.app-hosting-card,.app-hosting-card-top{min-height:0}.app-hosting-card-finance,.app-hosting-card-footer,.app-list-row{align-items:flex-start;flex-wrap:wrap}.app-profile-section-header{align-items:stretch}.app-profile-section-header>*{width:100%}.app-subscription-card{min-height:0}.app-subscription-card-body{grid-template-columns:1fr}.app-subscription-card-bottom{flex-wrap:wrap}.app-subscription-card-actions{flex:1 1 100%;justify-content:flex-start}.app-tools-split,.app-settings-layout{grid-template-columns:1fr}.app-settings-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto}.app-settings-link{flex-shrink:0}.app-service-grid{grid-template-columns:1fr}.app-report-chart-canvas{width:min(100%,280px);min-height:280px}.app-editor-layout{grid-template-columns:1fr}}@media(max-width:768px){.app-page-title{font-size:24px}.app-button{min-height:40px;padding:9px 14px}.app-icon-button{width:38px;height:38px;border-radius:14px}.app-card,.app-stat-card,.app-table-shell,.app-chart-shell,.app-tools-panel,.app-tools-shell{border-radius:24px}.app-floating-action{right:16px;bottom:16px}.desktop-shell table{border-spacing:0 8px}.desktop-shell thead th{padding-inline:12px!important}.desktop-shell tbody td{padding-top:12px!important;padding-bottom:12px!important}.app-page-header{align-items:stretch}.app-page-actions,.app-page-actions>*{width:100%}.app-page-header>.app-button,.app-page-header>button,.app-page-header>a,.app-page-actions>.app-button,.app-page-actions>button,.app-page-actions>a{width:100%;justify-content:center}.app-card,.app-stat-card,.app-table-shell,.app-filter-shell,.app-chart-shell,.app-tools-panel,.app-tools-shell{padding:14px}.app-menu{max-width:calc(100vw - 20px);border-radius:22px}.app-detail-grid,.app-service-card-stats{grid-template-columns:1fr}.app-profile-actions{justify-content:flex-start}.app-table-scroll>table{min-width:620px}.app-chart-canvas{height:280px}.app-report-breakdown-list{grid-template-columns:1fr}.app-report-breakdown-item{padding:12px 14px}.app-chart-canvas,.app-report-chart-canvas{width:min(100%,240px);min-height:240px}.app-tools-tabbar{gap:8px}.app-tools-tab{min-height:32px;padding-inline:10px}.app-editor-layout{gap:16px}.app-editor-preview-frame{padding:10px;border-radius:24px}.app-hosting-card-top{grid-template-columns:1fr}.app-hosting-card-toggle{justify-content:flex-start}.app-hosting-card-amount{font-size:22px}.desktop-shell [class*=fixed][class*=inset-0][class*=justify-center][class*=items-center],.fixed.inset-0.flex.items-center.justify-center{align-items:flex-end;padding:8px!important}.desktop-shell [class*=fixed][class*=inset-0][class*=justify-center][class*=items-center]>.app-card,.desktop-shell [class*=fixed][class*=inset-0][class*=justify-center][class*=items-center]>.bg-white,.desktop-shell [class*=fixed][class*=inset-0][class*=justify-center][class*=items-center]>.app-tools-panel,.fixed.inset-0.flex.items-center.justify-center>.app-card,.fixed.inset-0.flex.items-center.justify-center>.bg-white,.fixed.inset-0.flex.items-center.justify-center>.app-tools-panel{width:100%;max-width:100%!important;max-height:calc(100dvh - 16px);overflow-y:auto;border-radius:24px}.app-modal-actions{justify-content:stretch}.app-modal-actions>*{flex:1 1 100%;width:100%;justify-content:center}}
