:root{--h-page-header: 96px;--h-toolbar: 56px;--h-kpis: 160px;--h-table-min: 420px;--container-max-width: 1120px;--page-padding: clamp(1.5rem, 3.5vw, 2.5rem);--color-primary-50: #fff1f7;--color-primary-100: #ffe4ef;--color-primary-200: #ffcfe3;--color-primary-300: #ffb3d3;--color-primary-400: #ff94c1;--color-primary-500: #ff78b2;--color-primary-600: #f55ca0;--color-primary-700: #e34a8f;--color-primary-800: #c53b78;--color-primary-900: #8f2955;--color-accent-berry: #b5185a;--color-accent-lilac: #b497ff;--color-ink-900: #311321;--color-ink-700: #50263b;--color-ink-600: #64304a;--color-ink-500: #7c3c5d;--color-ink-400: #9b547a;--color-ink-300: #b46d94;--color-ink-200: #d39abc;--color-ink-100: #f0d6e6;--color-success: #38a169;--color-success-hover: #2f855a;--color-danger: #e53e3e;--color-danger-hover: #c53030;--color-warning: #dd6b20;--color-text-primary: var(--color-ink-900);--color-text-secondary: #6b4a5a;--color-text-muted: #9f7a8c;--color-text-inverse: #ffffff;--color-bg-page: linear-gradient(180deg, #fff7fb 0%, #ffe6f2 70%, #ffd6ea 100%);--color-bg-card: #ffffffee;--color-bg-input: #ffffff;--color-bg-hover: #fff0f7;--color-border: #f3c3da;--color-border-input: #efb7d2;--color-border-focus: var(--color-primary-500);--shimmer: radial-gradient(60% 100% at 10% 10%, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 60%), radial-gradient(60% 100% at 90% 0%, rgba(255,214,234,.7) 0%, rgba(255,255,255,0) 60%);--sparkle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><g fill='none' stroke='%23ffd6ea' stroke-width='0.8' opacity='0.35'><path d='M60 2 L63 10 L71 13 L63 16 L60 24 L57 16 L49 13 L57 10 Z'/><circle cx='20' cy='35' r='1.2'/><circle cx='105' cy='85' r='1.2'/><circle cx='80' cy='25' r='0.8'/><circle cx='30' cy='95' r='0.8'/></g></svg>");--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(197, 59, 120, .08);--shadow-md: 0 10px 18px rgba(197, 59, 120, .12), 0 2px 6px rgba(0,0,0,.06);--shadow-lg: 0 18px 36px rgba(197, 59, 120, .18), 0 8px 20px rgba(0,0,0,.08);--glow: 0 0 0 3px rgba(255, 120, 178, .18);--font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.55rem;--font-size-2xl: 2.15rem;--font-size-3xl: 2.75rem;--color-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-600);--color-secondary: #ffe7f1;--color-secondary-hover: #ffd6ea}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,main{height:100%}main{min-height:100vh}body{font:var(--font-size-md)/1.6 var(--font-family);color:var(--color-text-primary);background:var(--color-bg-page);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;background:var(--sparkle) repeat 240px 240px,var(--shimmer) no-repeat cover;pointer-events:none;mix-blend-mode:screen;opacity:.25}:focus-visible{outline:none;box-shadow:var(--glow);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:no-preference){.floaty{animation:floaty 8s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}}html{scrollbar-gutter:stable both-edges}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}.main-stack>*+*{margin-top:var(--spacing-lg)}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#fff7fbf2,#ffe6f2f2);box-shadow:0 1px 0 var(--color-border)}.topbar .page-header{min-height:unset;padding:var(--spacing-sm) 0}.topbar .toolbar{min-height:var(--h-toolbar);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,#fff,#fff6fb);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.topbar .toolbar .tabs button{white-space:nowrap}.sticky-divider{height:8px;background:linear-gradient(180deg,#fffc,#fff0);border-bottom:1px solid var(--color-border)}.section-gap-lg{height:var(--spacing-xl)}.section-gap-xl{height:var(--spacing-2xl)}.section-gap-2xl{height:calc(var(--spacing-2xl) + var(--spacing-lg))}.container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--page-padding);padding-right:var(--page-padding);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.topbar .page-header,.topbar .toolbar{padding-left:var(--page-padding);padding-right:var(--page-padding)}.page-header{min-height:var(--h-page-header);display:flex;align-items:flex-end}.page-title{font-size:var(--font-size-3xl);letter-spacing:.5px;margin-bottom:var(--spacing-sm);background:linear-gradient(90deg,var(--color-primary-700),var(--color-accent-lilac));-webkit-background-clip:text;background-clip:text;color:transparent}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:var(--spacing-lg) 0;border-radius:1px}.card{position:relative;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid rgba(255,137,183,.25);-webkit-backdrop-filter:saturate(1.05) blur(2px);backdrop-filter:saturate(1.05) blur(2px)}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff59,#fff0 30%),radial-gradient(80% 50% at 10% 0%,#fff0fa99,#fff0 60%);mix-blend-mode:screen;opacity:.65}.card-title{color:var(--color-ink-900);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);letter-spacing:.3px}.card.table-card{min-height:480px;margin-top:var(--spacing-lg)!important}.btn{padding:.75rem 1.5rem;border:0;border-radius:var(--radius-pill);font:var(--font-size-md) inherit;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;position:relative}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(0)}.btn-sm{padding:.4rem .9rem;font-size:var(--font-size-sm)}.btn-primary{color:var(--color-text-inverse);background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600));box-shadow:0 8px 18px #ff78b259}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,var(--color-primary-500),var(--color-primary-700))}.btn-secondary{background:linear-gradient(180deg,#fff,var(--color-secondary));color:var(--color-ink-700);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#fff,var(--color-secondary-hover))}.btn-success{background:linear-gradient(180deg,#8fd5b2,var(--color-success));color:#0d3122}.btn-success:hover:not(:disabled){background:linear-gradient(180deg,#7acfa6,var(--color-success-hover))}.btn-danger{background:linear-gradient(180deg,#ffc1c1,var(--color-danger));color:#4b1010}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#ffaaaa,var(--color-danger-hover))}.tabs{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap}.actions{flex-shrink:0}.tabs button{padding:.55rem .9rem;border:1px solid var(--color-border);background:linear-gradient(180deg,#fff,#fff6fb);border-radius:var(--radius-pill);cursor:pointer;font:var(--font-size-md) inherit;color:var(--color-ink-700);transition:background .2s,box-shadow .2s,transform .06s}.tabs button:hover{background:linear-gradient(180deg,#fff,#ffeef7)}.tabs button.active{color:var(--color-text-inverse);border-color:var(--color-primary-500);background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600));box-shadow:0 6px 14px #ff78b240}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:700;color:var(--color-ink-600);letter-spacing:.2px}.form-input,.form-select,.form-textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--color-border-input);border-radius:var(--radius-md);font:var(--font-size-md) inherit;background:linear-gradient(180deg,#fff,#fff9fd);box-shadow:inset 0 1px 2px #ff78b212;transition:border-color .2s,box-shadow .2s,background .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 4px #ff78b22e;background:#fff}.form-textarea{min-height:110px}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.form-card{margin-top:var(--spacing-lg);scroll-margin-top:140px}.badge{display:inline-block;padding:.25rem .6rem;border-radius:var(--radius-pill);font-size:var(--font-size-sm);border:1px solid var(--color-border);background:#fff;color:var(--color-ink-600)}.badge.pink{border-color:var(--color-primary-400);background:var(--color-primary-50);color:var(--color-primary-800)}.table-container{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-lg);overflow:hidden;table-layout:fixed}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{background:linear-gradient(180deg,#fff7fb,#ffe9f3);font-weight:700;color:var(--color-ink-600);text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.6px;height:48px}tbody tr:nth-child(odd){background:#fff}tbody tr:nth-child(2n){background:#fff9fd}tbody tr:hover{background:#fff2f8;box-shadow:inset 0 0 0 9999px #ff78b20d}tbody td{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.table-actions{display:flex;gap:var(--spacing-sm)}.col-actions{width:140px}tfoot td{background:linear-gradient(180deg,#fff0f7,#ffe3f0);font-weight:700}.loading,.error,.empty{padding:var(--spacing-xl);text-align:center;font-size:var(--font-size-lg);border-radius:var(--radius-md)}.loading{color:var(--color-text-secondary);background:#fff;border:1px dashed var(--color-border)}.empty{color:var(--color-text-muted);background:#fff;border:1px dashed var(--color-border)}.error{color:#7a0f2a;background:#ffe6ee;border:1px solid #ffb3c9}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--font-size-sm)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}@media(max-width:840px){:root{--h-page-header: 80px;--h-toolbar: 52px;--h-kpis: 200px;--h-table-min: 360px}.sticky-top .page-header{padding-bottom:var(--spacing-sm)}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);min-height:160px;margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-xl)!important}.kpi{display:grid;grid-template-rows:auto 1fr;align-items:start;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:linear-gradient(180deg,#fff,#fff7fb);box-shadow:var(--shadow-sm);min-height:140px}.kpi--ghost{visibility:hidden}.kpi .label{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .value{margin-top:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:800;background:linear-gradient(90deg,var(--color-primary-700),var(--color-accent-lilac));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .value-wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}}@media(min-width:1600px){:root{--container-max-width: 1080px;--page-padding: clamp(1.75rem, 3vw, 3.5rem)}}.auth-container.svelte-8xcy6l{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card.svelte-8xcy6l{max-width:400px;width:100%}.w-full.svelte-8xcy6l{width:100%}small.svelte-8xcy6l{display:block;margin-top:.25rem;font-size:.75rem}
