:root{--primary-hue: 24;--secondary-hue: 168;--color-primary: hsl(var(--primary-hue), 84%, 48%);--color-primary-hover: hsl(var(--primary-hue), 84%, 42%);--color-primary-active: hsl(var(--primary-hue), 84%, 36%);--color-primary-light: hsl(var(--primary-hue), 80%, 96%);--color-secondary: hsl(var(--secondary-hue), 76%, 36%);--color-secondary-hover: hsl(var(--secondary-hue), 76%, 30%);--color-secondary-active: hsl(var(--secondary-hue), 76%, 24%);--color-secondary-light: hsl(var(--secondary-hue), 70%, 96%);--color-accent: hsl(42, 92%, 52%);--color-bg-base: hsl(var(--primary-hue), 20%, 98%);--color-bg-card: hsl(0, 0%, 100%);--color-bg-muted: hsl(var(--primary-hue), 12%, 95%);--color-bg-input: hsl(var(--primary-hue), 10%, 99%);--color-border: hsl(var(--primary-hue), 12%, 90%);--color-border-hover: hsl(var(--primary-hue), 12%, 80%);--color-border-focus: hsl(var(--primary-hue), 80%, 75%);--color-text-main: hsl(var(--primary-hue), 15%, 15%);--color-text-muted: hsl(var(--primary-hue), 10%, 45%);--color-text-light: hsl(var(--primary-hue), 8%, 65%);--color-text-on-primary: hsl(0, 0%, 100%);--color-text-on-secondary: hsl(0, 0%, 100%);--color-success: hsl(142, 70%, 35%);--color-success-light: hsl(142, 70%, 95%);--color-danger: hsl(350, 75%, 45%);--color-danger-light: hsl(350, 75%, 96%);--color-warning: hsl(38, 92%, 45%);--color-warning-light: hsl(38, 92%, 95%);--font-title: "Playfair Display", Georgia, serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 2px 8px -1px rgba(28, 25, 23, .04);--shadow-md: 0 8px 30px -4px rgba(28, 25, 23, .06), 0 4px 12px -2px rgba(28, 25, 23, .03);--shadow-lg: 0 20px 48px -8px rgba(28, 25, 23, .08), 0 8px 20px -4px rgba(28, 25, 23, .04);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--color-text-main);margin-top:0;font-weight:800;line-height:1.25}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.925rem;font-weight:700;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 4px 14px -3px hsl(var(--primary-hue),80%,48%,.4)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px -3px hsl(var(--primary-hue),80%,48%,.5)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(0)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-on-secondary);box-shadow:0 4px 14px -3px hsl(var(--secondary-hue),76%,36%,.3)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:0 6px 20px -3px hsl(var(--secondary-hue),76%,36%,.4)}.btn-secondary:active:not(:disabled){background-color:var(--color-secondary-active);transform:translateY(0)}.btn-tertiary{background-color:var(--color-bg-muted);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-tertiary:hover:not(:disabled){background-color:var(--color-border);color:var(--color-text-main)}.btn-danger{background-color:var(--color-danger);color:#fff;box-shadow:0 4px 14px -3px #c91d394d}.btn-danger:hover:not(:disabled){background-color:#aa1830;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-group{display:flex;gap:.75rem}.btn-segment-group{display:inline-flex;background-color:var(--color-bg-muted);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.btn-segment{border:none;background:none;font-family:var(--font-body);font-size:.85rem;font-weight:700;padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-segment.is-active{background-color:var(--color-bg-card);color:var(--color-text-main);box-shadow:var(--shadow-sm)}.panel{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal)}.panel:hover{box-shadow:var(--shadow-lg)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.75rem;margin-bottom:2rem;background-color:hsl(var(--primary-hue),10%,99.5%)}legend{font-family:var(--font-title);font-size:1.35rem;font-weight:800;padding:0 .75rem;color:var(--color-text-main)}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}label{font-size:.85rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.02em}input[type=text],input[type=number],select,textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--color-text-main);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;resize:none}textarea{field-sizing:content;min-height:4.5rem}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px hsl(var(--primary-hue),80%,48%,.15);background-color:#fff}input[type=text]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:var(--color-border-hover)}.pill{display:inline-flex;align-items:center;font-size:.725rem;font-weight:800;padding:.25rem .75rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-muted);color:var(--color-text-muted);white-space:nowrap}.pill-published{background-color:var(--color-success-light);color:var(--color-success)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp var(--transition-normal) forwards}@media(max-width:768px){.panel{padding:.5rem;border-radius:0;border-left:none;border-right:none;box-shadow:none}.field-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media print{.app-header{display:none!important}}