:root{--color-primary:#7c6252;--color-primary-light:#a08777;--color-primary-dark:#5a4739;--color-success:#27ae60;--color-success-light:#2ecc71;--color-error:#e74c3c;--color-error-light:#ec7063;--color-warning:#f39c12;--color-warning-light:#f5b041;--color-info:#3498db;--bg-default:#f5f7fa;--bg-paper:#fff;--bg-glassmorphic:#ffffffb3;--bg-glassmorphic-dark:#ffffff1a;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001f;--shadow-xl:0 20px 40px #00000026;--shadow-glow:0 0 20px #7c62524d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-round:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}.glassmorphic{background:#ffffffb3;border:1px solid #ffffff4d}.glassmorphic,.glassmorphic-dark{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.glassmorphic-dark{background:#ffffff1a;border:1px solid #fff3}.glassmorphic-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.glassmorphic-card:hover{background:#fffffff2;box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.gradient-primary{background:linear-gradient(135deg,#7c6252,#a08777)}.gradient-success{background:linear-gradient(135deg,#27ae60,#2ecc71)}.gradient-error{background:linear-gradient(135deg,#e74c3c,#ec7063)}.gradient-warning{background:linear-gradient(135deg,#f39c12,#f5b041)}.gradient-info{background:linear-gradient(135deg,#3498db,#5dade2)}.gradient-background{background:linear-gradient(135deg,#667eea,#764ba2)}.animated-gradient{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#4facfe);background-size:400% 400%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow{box-shadow:0 0 20px #7c625280;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base)}.glow:hover{box-shadow:0 0 30px #7c6252b3}.glow-success{box-shadow:0 0 20px #27ae6080}.glow-success:hover{box-shadow:0 0 30px #27ae60b3}.glow-error{box-shadow:0 0 20px #e74c3c80}.glow-error:hover{box-shadow:0 0 30px #e74c3cb3}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.modern-card{background:#fff;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.modern-card:hover{box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blur-background{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#7c62524d;border-radius:4px;-webkit-transition:background .2s cubic-bezier(.4,0,.2,1);transition:background .2s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#7c625280}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:2px solid #7c6252;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--spacing-lg:16px;--spacing-xl:24px}.glassmorphic-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media print{.glassmorphic,.glassmorphic-card,.glassmorphic-dark{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-default);font-family:Almarai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}