@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-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,ui-sans-serif,system-ui,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;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{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 components;@layer utilities{.visible{visibility:visible}.sticky{position:sticky}.contents{display:contents}.flex{display:flex}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-primary:#2c5f5e;--color-primary-light:#3d7a79;--color-primary-dark:#1a3d3c;--color-accent:#6aa84f;--color-accent-light:#7ec462;--color-accent-dark:#558b3e;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-info:#0891b2;--color-info-light:#cffafe;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--bg-primary:#fff;--bg-secondary:linear-gradient(135deg,#6aa84f 0%,#2c5f5e 100%);--bg-tertiary:#cbd5e1;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-overlay:#00000080;--surface-elevated:#fff;--surface-sunken:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--text-link:#2c5f5e;--text-link-hover:#1a3d3c;--border-light:#cbd5e1;--border-default:#94a3b8;--border-dark:#64748b;--border-focus:#6aa84f;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,#2c5f5e 0%,#1a3d3c 100%);--gradient-accent:linear-gradient(135deg,#6aa84f 0%,#2c5f5e 100%);--gradient-hero:linear-gradient(135deg,#2c5f5e 0%,#1a3d3c 50%,#0f2524 100%);--gradient-card:linear-gradient(180deg,#fffc 0%,#fff6 100%);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400;--navbar-height:64px;--sidebar-width:280px;--card-padding:var(--space-6);--section-gap:var(--space-8)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:linear-gradient(180deg,#ffffff0f 0%,#ffffff05 100%);--bg-card-hover:#ffffff14;--bg-overlay:#000000b3;--surface-elevated:#ffffff0d;--surface-sunken:#0003;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--text-link:#6aa84f;--text-link-hover:#7ec462;--border-light:#ffffff14;--border-default:#ffffff1f;--border-dark:#fff3;--border-focus:#6aa84f;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;--gradient-card:linear-gradient(180deg,#ffffff0f 0%,#ffffff05 100%);--gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%)}@media(prefers-color-scheme:dark){[data-theme=auto]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:linear-gradient(180deg,#ffffff0f 0%,#ffffff05 100%);--bg-card-hover:#ffffff14;--bg-overlay:#000000b3;--surface-elevated:#ffffff0d;--surface-sunken:#0003;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--text-link:#6aa84f;--text-link-hover:#7ec462;--border-light:#ffffff14;--border-default:#ffffff1f;--border-dark:#fff3;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;--gradient-card:linear-gradient(180deg,#ffffff0f 0%,#ffffff05 100%);--gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%)}}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-lg)}.card-interactive:hover{transform:translateY(-2px)}.card-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.card-header-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-light);background:var(--surface-sunken)}.card-elevated{background:var(--surface-elevated);box-shadow:var(--shadow-lg)}.card-flat{box-shadow:none;border:1px solid var(--border-default)}.card-accent{border-left:4px solid var(--color-accent)}.card-primary{border-left:4px solid var(--color-primary)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{background:var(--color-success-light);color:var(--color-success);border:1px solid #16a34a4d}.badge-warning{background:var(--color-warning-light);color:#b45309;border:1px solid #f59e0b4d}.badge-error{background:var(--color-error-light);color:var(--color-error);border:1px solid #dc26264d}.badge-info{background:var(--color-info-light);color:#0e7490;border:1px solid #0891b24d}.badge-primary{color:var(--color-primary);background:#2c5f5e26;border:1px solid #2c5f5e4d}.badge-accent{color:var(--color-accent);background:#6aa84f26;border:1px solid #6aa84f4d}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}[data-theme=dark] .badge-success{background:#16a34a33}[data-theme=dark] .badge-warning{background:#f59e0b33}[data-theme=dark] .badge-error{background:#dc262633}[data-theme=dark] .badge-info{background:#0891b233}[data-theme=dark] .badge-neutral{color:var(--text-secondary);border-color:var(--border-default);background:#ffffff1a}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 12px #6aa84f4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6aa84f66}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-dark)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.form-label-required:after{content:" *";color:var(--color-error)}.form-input{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-input:hover{border-color:var(--border-dark)}.form-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #6aa84f26}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.progress-bar{background:var(--surface-sunken);border-radius:var(--radius-md);height:12px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-md);height:100%;transition:width .5s}.progress-bar-fill-primary{background:var(--gradient-primary)}.progress-bar-fill-accent{background:var(--gradient-accent)}.progress-bar-fill-success{background:linear-gradient(90deg,#6aa84f,#16a34a)}.progress-bar-fill-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar-fill-error{background:linear-gradient(90deg,#dc2626,#ef4444)}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3)var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-default);background:var(--surface-sunken)}.table td{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.table tbody tr:hover{background:var(--bg-card-hover)}.table tbody tr:last-child td{border-bottom:none}.collapsible{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden}.collapsible+.collapsible{margin-top:var(--space-3)}.collapsible-trigger{width:100%;padding:var(--space-5);cursor:pointer;transition:background var(--transition-base);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.collapsible-trigger:hover{background:var(--bg-card-hover)}.collapsible-icon{font-size:var(--text-sm);color:var(--text-muted);transition:transform var(--transition-base)}.collapsible-icon-open{transform:rotate(90deg)}.collapsible-content{padding:0 var(--space-5)var(--space-5);border-top:1px solid var(--border-light)}.tabs{border-bottom:2px solid var(--border-light);background:var(--bg-card);display:flex}.tab{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-5)var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;display:flex}.tab:hover{background:var(--surface-sunken);color:var(--text-secondary)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-accent);background:linear-gradient(#0000,#6aa84f0d)}.alert{padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert-success{background:var(--color-success-light);color:#15803d;border:1px solid #16a34a4d}.alert-warning{background:var(--color-warning-light);color:#92400e;border:1px solid #f59e0b4d}.alert-error{background:var(--color-error-light);color:#991b1b;border:1px solid #dc26264d}.alert-info{background:var(--color-info-light);color:#0e7490;border:1px solid #0891b24d}.message-card{padding:var(--space-4)var(--space-5);background:var(--bg-card);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.message-card strong{color:var(--text-primary)}.hero{background:var(--gradient-hero);padding:var(--space-12)var(--space-8);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-2);color:var(--color-accent);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4);background:#6aa84f33;border:1px solid #6aa84f4d;display:inline-flex}.hero-title{color:#fff;font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-3);letter-spacing:-.025em}.hero-subtitle{color:#fffc;font-size:var(--text-lg);margin:0}.navbar{z-index:var(--z-sticky);background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:sticky;top:0}.navbar-container{max-width:1400px;padding:var(--space-4)var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-3);display:flex}.navbar-logo{background:var(--gradient-accent);border-radius:var(--radius-lg);color:#fff;place-items:center;width:40px;height:40px;display:grid}.navbar-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}.navbar-nav{gap:var(--space-6);display:flex}.navbar-link{color:var(--text-secondary);font-weight:var(--font-medium);transition:color var(--transition-base);text-decoration:none}.navbar-link:hover{color:var(--text-primary)}.navbar-link-active{color:var(--color-primary)}.navbar-actions{align-items:center;gap:var(--space-4);display:flex}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4,.grid-auto-lg{grid-template-columns:1fr}}.metric{text-align:center;flex-direction:column;align-items:center;display:flex}.metric-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary);line-height:1}.metric-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.code-viewer{background:var(--color-gray-900);border-radius:var(--radius-lg);padding:var(--space-6);overflow-x:auto}.code-viewer pre{color:var(--color-gray-200);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;word-wrap:break-word;margin:0}.loading{padding:var(--space-8);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.spinner{border:2px solid var(--border-default);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12)var(--space-6);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-4);font-size:3rem}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);max-width:400px;margin:0 auto}.dpp-footer,.dpp-footer p{color:#fff!important}.container{max-width:1400px;padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.container-sm{max-width:800px}.container-lg{max-width:1600px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--color-accent)}.text-brand{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.05em}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-none{line-height:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-card{background:var(--bg-card)}.bg-transparent{background:0 0}.border{border:1px solid var(--border-default)}.border-light{border:1px solid var(--border-light)}.border-t{border-top:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.border-none{border:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{inset:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-modal{z-index:var(--z-modal)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}@media(max-width:768px){.sm-hidden{display:none}.sm-flex{display:flex}.sm-flex-col{flex-direction:column}.sm-text-center{text-align:center}}@media(min-width:769px){.md-hidden{display:none}}@media(min-width:1025px){.lg-hidden{display:none}}@media print{.print-hidden{display:none!important}.print-break-before{break-before:page}.print-break-after{break-after:page}}.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}.focus-visible:focus{outline:2px solid var(--border-focus);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-slide-up{animation:slideUp var(--transition-slow)ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;margin:0;padding:0}body,.card,.navbar,.btn,.form-input{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin:0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);margin:0}a{color:var(--text-link);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--text-link-hover)}strong{font-weight:var(--font-semibold);color:var(--text-primary)}small{font-size:var(--text-sm);color:var(--text-tertiary)}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}[data-theme=dark] ::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{color:var(--text-primary);background:#6aa84f4d}:focus{outline:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::placeholder{color:var(--text-muted);opacity:1}.page{min-height:calc(100vh - var(--navbar-height))}.page-content{max-width:1400px;padding:var(--space-8)var(--space-6);margin:0 auto}.section{margin-bottom:var(--section-gap)}.section:last-child{margin-bottom:0}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}.app-wrapper.svelte-12qhfyh{min-height:100vh}.navbar.svelte-12qhfyh{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.navbar-container.svelte-12qhfyh{max-width:1400px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.navbar-left.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-8)}.navbar-brand.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.navbar-logo-img.svelte-12qhfyh{height:48px;width:auto}.navbar-nav.svelte-12qhfyh{display:flex;gap:var(--space-6)}.navbar-link.svelte-12qhfyh{color:var(--text-secondary);font-weight:var(--font-medium);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.navbar-link.svelte-12qhfyh:hover{color:var(--text-primary);background:var(--surface-sunken)}.navbar-link.active.svelte-12qhfyh{color:var(--color-primary);background:#2c5f5e1a;font-weight:var(--font-semibold)}.navbar-link.active.svelte-12qhfyh:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--color-accent);border-radius:var(--radius-full)}.navbar-link-admin.svelte-12qhfyh{color:var(--color-primary)}.navbar-link-admin.active.svelte-12qhfyh{background:#6aa84f26}.navbar-right.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-6)}.navbar-user.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-4)}.user-info.svelte-12qhfyh{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.user-email.svelte-12qhfyh{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.user-role.svelte-12qhfyh{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.language-switcher.svelte-12qhfyh{display:flex;gap:var(--space-1);background:var(--surface-sunken);padding:var(--space-1);border-radius:var(--radius-md)}.lang-btn.svelte-12qhfyh{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.lang-btn.svelte-12qhfyh:hover{color:var(--text-secondary)}.lang-btn.active.svelte-12qhfyh{background:var(--bg-card);color:var(--color-accent);box-shadow:var(--shadow-sm)}.logout-btn.svelte-12qhfyh{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-base);cursor:pointer;box-shadow:0 2px 8px #2c5f5e33}.logout-btn.svelte-12qhfyh:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2c5f5e4d}.main-content.svelte-12qhfyh{min-height:calc(100vh - var(--navbar-height, 64px))}.auth-layout.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6)}@media(max-width:1024px){.navbar-nav.svelte-12qhfyh{gap:var(--space-4)}.user-info.svelte-12qhfyh{display:none}}@media(max-width:768px){.navbar-container.svelte-12qhfyh{padding:var(--space-3) var(--space-4)}.navbar-left.svelte-12qhfyh{gap:var(--space-4)}.navbar-nav.svelte-12qhfyh{display:none}.navbar-right.svelte-12qhfyh{gap:var(--space-3)}}