@layer base{:root{--background:250 248% 98%;--background-warm:35 30% 96%;--foreground:30 25% 15%;--card:0 0% 100%;--card-warm:35 20% 98%;--card-foreground:30 25% 15%;--primary:30 40% 25%;--primary-foreground:0 0% 100%;--primary-warm:25 45% 30%;--secondary:30 25% 55%;--secondary-foreground:0 0% 100%;--accent:14 55% 48%;--accent-warm:14 60% 50%;--accent-foreground:0 0% 100%;--muted:35 15% 90%;--muted-foreground:30 20% 45%;--border:35 20% 85%;--border-warm:35 15% 80%;--destructive:0 50% 50%;--destructive-foreground:0 0% 100%;--success:150 40% 40%;--success-warm:150 45% 35%;--warning:30 60% 50%;--radius:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #3d29140a;--shadow-md:0 4px 12px #3d291414;--shadow-lg:0 8px 24px #3d29141f;--shadow-warm:0 12px 32px #3d29141a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}}body{color:var(--foreground);font-family:var(--font-body);background:linear-gradient(135deg,#faf8f5 0%,#f5f1ec 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f1ec;border-radius:4px}::-webkit-scrollbar-thumb{background:#d4c4b5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c75b39}.warm-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-smooth);background:#fff;border:1px solid #8b735526}.warm-card:hover{box-shadow:var(--shadow-lg);border-color:#c75b3933;transform:translateY(-2px)}.divider-warm{background:linear-gradient(90deg,#0000,#8b73554d,#0000);height:1px}.btn-warm{color:#fff;border-radius:var(--radius);transition:all var(--transition-fast);cursor:pointer;background:linear-gradient(135deg,#c75b39 0%,#a84832 100%);border:none;padding:10px 20px;font-weight:500}.btn-warm:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg,#a84832 0%,#8b3d2a 100%);transform:translateY(-1px)}.btn-warm-secondary{color:#3d2914;border-radius:var(--radius);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #3d291433;padding:10px 20px;font-weight:500}.btn-warm-secondary:hover{background:#3d29140d;border-color:#3d2914}.badge-warm{letter-spacing:.02em;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.badge-pending{color:#b8860b;background:#fef3e2}.badge-processing{color:#1e40af;background:#e8f4fd}.badge-shipped{color:#6b21a8;background:#f3e8ff}.badge-delivered{color:#166534;background:#dcfce7}.badge-cancelled{color:#991b1b;background:#fee2e2}.warm-table{border-collapse:separate;border-spacing:0;width:100%}.warm-table thead th{color:#8b7355;text-transform:uppercase;letter-spacing:.05em;background:#faf8f5;border-bottom:1px solid #8b735526;padding:16px;font-size:12px;font-weight:600}.warm-table tbody td{color:#3d2914;border-bottom:1px solid #8b735514;padding:16px}.warm-table tbody tr{transition:background var(--transition-fast)}.warm-table tbody tr:hover{background:#c75b3908}.input-warm{border-radius:var(--radius);color:#3d2914;transition:all var(--transition-fast);background:#fff;border:1px solid #8b735533;padding:10px 14px}.input-warm:focus{border-color:#c75b39;outline:none;box-shadow:0 0 0 3px #c75b391a}.input-warm::placeholder{color:#b5a89a}.sidebar-warm{background:#fff;border-right:1px solid #8b73551f;box-shadow:4px 0 24px #3d29140a}.nav-item-warm{border-radius:var(--radius);color:#8b7355;transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item-warm:hover{color:#3d2914;background:#c75b390f}.nav-item-warm.active{color:#c75b39;background:linear-gradient(135deg,#c75b391a 0%,#c75b390d 100%);border-left:3px solid #c75b39}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp var(--transition-smooth) forwards}.animate-fade-in-scale{animation:fadeInScale var(--transition-smooth) forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}