:root{--sand-50: #FAF8F5;--sand-100: #F5F0E8;--sand-200: #E8E0D4;--sand-300: #D4C8B8;--sand-400: #B8A890;--sand-500: #9C8B70;--sand-600: #7D6E58;--sand-700: #5E5343;--sand-800: #433C31;--sand-900: #2D2822;--terracotta-400: #C4A484;--terracotta-500: #A67C52;--terracotta-600: #8B6544;--moss-500: #5F6B4F;--error: #D66666;--success: #5F6B4F;--warning: #C9A962;--font-serif: Georgia, "Times New Roman", Times, serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-card: 0 1px 3px rgba(44, 40, 34, .08), 0 4px 16px rgba(44, 40, 34, .06);--shadow-card-hover: 0 2px 6px rgba(44, 40, 34, .1), 0 8px 24px rgba(44, 40, 34, .09);--shadow-modal: 0 8px 32px rgba(44, 40, 34, .18), 0 2px 8px rgba(44, 40, 34, .1);--shadow-dropdown: 0 4px 16px rgba(44, 40, 34, .12);--radius-card: 16px;--radius-input: 12px;--radius-badge: 6px;--radius-sm: 8px;--sidebar-width: 240px;--topbar-height: 60px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-weight:400;background-color:var(--sand-50);color:var(--sand-900);line-height:1.6;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.2;color:var(--sand-900)}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{font-size:1.1rem}p{color:var(--sand-700);line-height:1.65}a{color:var(--terracotta-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--terracotta-600)}input,textarea,select{font-family:var(--font-sans);font-size:.9rem;font-weight:400;background:var(--sand-100);border:1.5px solid var(--sand-300);border-radius:var(--radius-input);padding:10px 14px;color:var(--sand-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--sand-400)}input:focus,textarea:focus,select:focus{border-color:var(--terracotta-500);box-shadow:0 0 0 3px #a67c521f}label{display:block;font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--sand-600);margin-bottom:6px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.875rem;font-weight:500;letter-spacing:.02em;padding:10px 20px;border-radius:var(--radius-input);border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--terracotta-500);color:#fff}.btn-primary:hover{background:var(--terracotta-600);box-shadow:0 2px 8px #a67c524d}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{background:var(--sand-100);color:var(--sand-700);border:1.5px solid var(--sand-300)}.btn-secondary:hover{background:var(--sand-200);border-color:var(--sand-400)}.btn-ghost{background:transparent;color:var(--sand-600);padding:8px 12px}.btn-ghost:hover{background:var(--sand-100);color:var(--sand-900)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#c05555}.btn-sm{font-size:.8rem;padding:7px 14px}.btn-icon{width:36px;height:36px;padding:0;justify-content:center;background:transparent;border:1.5px solid var(--sand-200);color:var(--sand-600);border-radius:var(--radius-sm)}.btn-icon:hover{background:var(--sand-100);border-color:var(--sand-300);color:var(--sand-900)}.card{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px;transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.field{margin-bottom:18px}.field-error{font-size:.78rem;color:var(--error);margin-top:5px;font-weight:400}.field-hint{font-size:.78rem;color:var(--sand-500);margin-top:5px}.divider{height:1px;background:var(--sand-200);border:none;margin:20px 0}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:400}.alert-error{background:#d666661a;color:#b84545;border:1px solid rgba(214,102,102,.25)}.alert-success{background:#5f6b4f1a;color:var(--moss-500);border:1px solid rgba(95,107,79,.25)}.spinner{width:20px;height:20px;border:2px solid var(--sand-200);border-top-color:var(--terracotta-500);border-radius:50%;animation:spin .65s linear infinite;display:inline-block}.spinner-lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;min-height:200px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sand-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sand-400)}.text-muted{color:var(--sand-500);font-size:.875rem}.text-small{font-size:.8rem}.text-right{text-align:right}.mt-auto{margin-top:auto}.w-full{width:100%}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}