:root{--background: oklch(.9821 0 0);--foreground: oklch(.2435 0 0);--card: oklch(.9911 0 0);--card-foreground: oklch(.2435 0 0);--popover: oklch(.9911 0 0);--popover-foreground: oklch(.2435 0 0);--primary: oklch(.4341 .0392 41.9938);--primary-foreground: oklch(1 0 0);--secondary: oklch(.92 .0651 74.3695);--secondary-foreground: oklch(.3499 .0685 40.8288);--muted: oklch(.9521 0 0);--muted-foreground: oklch(.5032 0 0);--accent: oklch(.931 0 0);--accent-foreground: oklch(.2435 0 0);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--border: oklch(.8822 0 0);--input: oklch(.8822 0 0);--ring: oklch(.4341 .0392 41.9938);--chart-1: oklch(.4341 .0392 41.9938);--chart-2: oklch(.92 .0651 74.3695);--chart-3: oklch(.931 0 0);--chart-4: oklch(.9367 .0523 75.5009);--chart-5: oklch(.4338 .0437 41.6746);--sidebar: oklch(.9881 0 0);--sidebar-foreground: oklch(.2645 0 0);--sidebar-primary: oklch(.325 0 0);--sidebar-primary-foreground: oklch(.9881 0 0);--sidebar-accent: oklch(.9761 0 0);--sidebar-accent-foreground: oklch(.325 0 0);--sidebar-border: oklch(.9401 0 0);--sidebar-ring: oklch(.7731 0 0);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius: .5rem;--shadow-x: 0;--shadow-y: 1px;--shadow-blur: 3px;--shadow-spread: 0px;--shadow-opacity: .1;--shadow-color: oklch(0 0 0);--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25);--tracking-normal: 0em;--spacing: .25rem}.dark{--background: #0D0F0F;--foreground: #F5F3EE;--card: #151918;--card-foreground: #F5F3EE;--popover: #151918;--popover-foreground: #F5F3EE;--primary: #9A826F;--primary-foreground: #121514;--secondary: #1D2220;--secondary-foreground: #C7AF9B;--muted: #1D2220;--muted-foreground: #9AA19C;--accent: #1D2220;--accent-foreground: #F5F3EE;--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--border: #2B312E;--input: #1D2220;--ring: #9A826F;--chart-1: #9A826F;--chart-2: #2B312E;--chart-3: #1D2220;--chart-4: #AF9580;--chart-5: #C7AF9B;--sidebar: oklch(.2103 .0059 285.8852);--sidebar-foreground: oklch(.9674 .0013 286.3752);--sidebar-primary: oklch(.4882 .2172 264.3763);--sidebar-primary-foreground: oklch(1 0 0);--sidebar-accent: oklch(.2739 .0055 286.0326);--sidebar-accent-foreground: oklch(.9674 .0013 286.3752);--sidebar-border: oklch(.2739 .0055 286.0326);--sidebar-ring: oklch(.8711 .0055 286.286);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius: .5rem;--shadow-x: 0;--shadow-y: 1px;--shadow-blur: 3px;--shadow-spread: 0px;--shadow-opacity: .1;--shadow-color: oklch(0 0 0);--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); }html{background-color:var(--background);color:var(--foreground)}body{letter-spacing:var(--tracking-normal);background-color:var(--background);color:var(--foreground);margin:0;padding:0;transition:background-color .2s ease,color .2s ease}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=tel],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ccc' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.5)}.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}:root{--bg-primary: var(--background);--bg-card: var(--card);--text-primary: var(--foreground);--text-secondary: var(--muted-foreground);--border-color: var(--border);--primary-color: var(--primary);--primary-hover: oklch(.3841 .0392 41.9938);--bg-page: var(--background);--bg-shell: var(--card);--bg-elevated: var(--card);--bg-input: var(--input);--border-subtle: var(--border);--border-card: rgba(0, 0, 0, .08);--text-muted: var(--muted-foreground);--brand: var(--primary);--brand-hover: var(--primary-hover);--brand-text: var(--primary);--brand-foreground: var(--primary-foreground, #121514);--brand-bg-subtle: rgba(154, 130, 111, .12);--brand-bg-hover: rgba(154, 130, 111, .18);--brand-bg-soft: rgba(154, 130, 111, .08);--brand-border: rgba(154, 130, 111, .28);--brand-border-soft: rgba(154, 130, 111, .2);--brand-border-strong: rgba(154, 130, 111, .4);--brand-ring: rgba(154, 130, 111, .14);--danger: #E14B57;--danger-hover: #F05B67;--success: #4DAA7F;--warning: #C99B68;--bg-elevated-hover: var(--card)}.dark,.dark-mode{--bg-primary: var(--background);--bg-card: var(--card);--text-primary: #F5F3EE;--text-secondary: #9AA19C;--border-color: var(--border);--primary-color: var(--primary);--primary-hover: #AF9580;--primary-foreground: #121514;--bg-page: #0D0F0F;--bg-shell: #121514;--bg-elevated: #151918;--bg-elevated-hover: #191E1B;--bg-input: #1D2220;--border-subtle: #2B312E;--border-card: rgba(255, 255, 255, .06);--text-muted: #6F7671;--brand: #9A826F;--brand-hover: #AF9580;--brand-text: #C7AF9B;--brand-foreground: #121514;--brand-bg-subtle: rgba(154, 130, 111, .12);--brand-bg-hover: rgba(154, 130, 111, .18);--brand-bg-soft: rgba(154, 130, 111, .08);--brand-border: rgba(154, 130, 111, .28);--brand-border-soft: rgba(154, 130, 111, .2);--brand-border-strong: rgba(154, 130, 111, .4);--brand-ring: rgba(154, 130, 111, .14);--danger: #D85A64;--danger-hover: #F05B67;--success: #4DAA7F;--warning: #C99B68}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}html.modal-open,body.modal-open{overflow:hidden;overscroll-behavior:none}body.modal-open{position:fixed;left:0;right:0;width:100%}html{font-size:16px;touch-action:manipulation}@media(min-width:768px){html{font-size:16px}}@media(min-width:1024px){html{font-size:16px}}body,*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-shell{min-height:100vh;min-height:100dvh;background:var(--bg-page, var(--bg-primary));color:var(--text-primary)}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:24px 32px 40px}@media(max-width:768px){.page-container{padding:20px 16px 32px}}.surface-card{background:var(--bg-elevated, var(--bg-card));border:1px solid var(--border-card, rgba(255, 255, 255, .06));border-radius:16px;box-shadow:0 12px 40px #00000040;padding:24px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.surface-card:hover{transform:translateY(-1px);border-color:var(--brand-border-soft, rgba(154, 130, 111, .2));background:var(--bg-elevated-hover, var(--bg-elevated))}.status-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap;text-transform:uppercase}.status-badge--success{background:#4daa7f1f;border:1px solid rgba(77,170,127,.28);color:#79c79c}.status-badge--muted{background:#ffffff08;border:1px solid rgba(255,255,255,.09);color:#a0a7a2}.status-badge--warning{background:#c99b681f;border:1px solid rgba(201,155,104,.25);color:#d9b27e}.btn-danger-ghost{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:transparent;color:var(--danger, #E14B57);border:1px solid rgba(225,75,87,.45);border-radius:10px;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-danger-ghost:hover{background:#e14b571f;border-color:var(--danger-hover, #F05B67);color:var(--danger-hover, #F05B67)}.btn-danger-ghost:focus-visible{outline:2px solid var(--danger, #E14B57);outline-offset:2px}.btn-brand{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:var(--brand, #9A826F);color:var(--brand-foreground, #121514);border:none;border-radius:10px;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .15s ease,transform .15s ease,opacity .15s ease}.btn-brand:hover:not(:disabled){background:var(--brand-hover, #AF9580);transform:translateY(-1px)}.btn-brand:active:not(:disabled){transform:translateY(0)}.btn-brand:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-brand:focus-visible{outline:2px solid var(--brand, #9A826F);outline-offset:2px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background:transparent;color:var(--text-primary, #F5F3EE);border:1px solid var(--border-subtle, #2B312E);border-radius:10px;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-secondary:hover:not(:disabled){background:#ffffff0a;border-color:var(--brand-border, rgba(154, 130, 111, .28))}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary:focus-visible{outline:2px solid var(--brand, #9A826F);outline-offset:2px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-secondary, #9AA19C);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-icon:hover{background:var(--brand-bg-soft, rgba(154, 130, 111, .08));border-color:var(--brand-border-soft, rgba(154, 130, 111, .2));color:var(--brand-text, #C7AF9B)}.btn-icon:focus-visible{outline:2px solid var(--brand, #9A826F);outline-offset:2px}.btn-brand-soft{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;background:var(--brand-bg-soft, rgba(154, 130, 111, .08));border:1px solid var(--brand-border-soft, rgba(154, 130, 111, .2));border-radius:9px;color:var(--brand-text, #C7AF9B);font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-brand-soft:hover:not(:disabled){background:var(--brand-bg-hover, rgba(154, 130, 111, .18));border-color:var(--brand-border-strong, rgba(154, 130, 111, .4));color:var(--brand-text, #C7AF9B)}.btn-brand-soft:disabled{opacity:.4;cursor:not-allowed}.btn-brand-soft:focus-visible{outline:2px solid var(--brand, #9A826F);outline-offset:2px}.form-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-primary, #F5F3EE)}.form-control{width:100%;height:48px;padding:0 14px;background:var(--bg-input, #1D2220);border:1px solid var(--border-subtle, #2B312E);border-radius:10px;color:var(--text-primary, #F5F3EE);font-size:14px;line-height:1.4;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.form-control::placeholder{color:var(--text-muted, #6F7671);opacity:.9}.form-control:hover:not(:disabled):not(:focus){border-color:#3a423e}.form-control:focus{outline:none;border-color:var(--brand, #9A826F);box-shadow:0 0 0 3px #9a826f1a}.form-control:focus-visible{outline:none}select.form-control{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239AA19C' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;cursor:pointer}.alert-success,.alert-error{margin-bottom:16px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.4}.alert-success{background:#4daa7f14;border:1px solid rgba(77,170,127,.2);color:#79c79c}.alert-error{background:#d85a6414;border:1px solid rgba(216,90,100,.2);color:#e27a82}.field-error{margin-top:6px;font-size:12px;color:#e27a82}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=hidden]):not([type=color]),select,textarea{font-size:16px!important}}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.dark ::-webkit-scrollbar,.dark-mode ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track,.dark-mode ::-webkit-scrollbar-track{background:var(--bg-primary)}.dark ::-webkit-scrollbar-thumb,.dark-mode ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dark ::-webkit-scrollbar-thumb:hover,.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}
