.sidebar{width:var(--sidebar-width-open);height:100vh;background:linear-gradient(180deg,#fff,#f5f7fa,#e8ecf1);border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;position:fixed;top:0;left:0;box-shadow:4px 0 60px -10px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(0)}.sidebar.is-closed{transform:translate(-100%);box-shadow:none}html[data-theme=dark] .sidebar{background:linear-gradient(180deg,#1a1f2e,#13161f,#0a0d14);border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 60px -10px #00000080}.sidebar-header{display:flex;align-items:center;padding:0 28px;min-height:85px;margin-bottom:25px;border-bottom:2px solid rgba(0,0,0,.06);background:linear-gradient(135deg,rgba(102,126,234,.03) 0%,transparent 100%);position:relative;overflow:hidden}html[data-theme=dark] .sidebar-header{border-bottom:2px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,transparent 100%)}.sidebar-header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.sidebar-header:hover:before{transform:scaleX(1)}.sidebar-logo{height:45px;min-width:45px;margin-right:18px;object-fit:contain;transition:transform .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px rgba(102,126,234,.2))}.sidebar-header:hover .sidebar-logo{transform:scale(1.1) rotate(-5deg)}.sidebar-title{font-size:1.5em;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;opacity:1;transition:opacity .3s ease,visibility .3s ease;visibility:visible;letter-spacing:-.5px}.sidebar-menu{list-style:none;margin:0;flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:0 12px}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#667eea80}.sidebar-menu a{display:flex;align-items:center;padding:16px 20px;text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:1.02em;transition:all .3s cubic-bezier(.4,0,.2,1);margin:6px 0;border-radius:14px;white-space:nowrap;position:relative;overflow:hidden}.sidebar-menu a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.sidebar-menu a:hover:before{opacity:1}.sidebar-menu a:hover{transform:translate(5px);color:#667eea;background:linear-gradient(135deg,#667eea14,#764ba214)}.sidebar-menu a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px -8px #667eea80;transform:translate(5px)}html[data-theme=dark] .sidebar-menu a.active{box-shadow:0 10px 30px -8px #667eea66}.sidebar-menu a.active:before{opacity:0}.sidebar-menu a.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:70%;width:5px;background:#fff;border-radius:0 8px 8px 0;box-shadow:0 0 15px #ffffff80}.sidebar-menu svg{min-width:24px;margin-right:20px;font-size:1.5em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.sidebar-menu a:hover svg{transform:scale(1.15) rotate(-5deg)}.sidebar-menu a.active svg{transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(255,255,255,.3))}.sidebar-menu span{opacity:1;transition:opacity .3s ease,visibility .3s ease;visibility:visible;position:relative;z-index:1}.sidebar-user-profile{display:flex;align-items:center;padding:18px 15px;margin:0 15px 15px;border-radius:14px;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-user-profile:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.sidebar-user-profile:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px #667eea4d}.sidebar-user-profile:hover:before{opacity:1}.user-icon{font-size:1.6em;color:#667eea;margin-left:5px;margin-right:15px;transition:all .3s ease;position:relative;z-index:1}.sidebar-user-profile:hover .user-icon{transform:scale(1.1)}.user-email{font-weight:600;color:var(--text-primary);font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .3s ease,visibility .3s ease;visibility:visible;position:relative;z-index:1}.sidebar-footer{padding:20px 12px;border-top:2px solid rgba(0,0,0,.06);background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.03) 100%)}html[data-theme=dark] .sidebar-footer{border-top:2px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.08) 100%)}.sidebar-actions{display:flex;flex-direction:column;gap:8px}.sidebar-toggle,.logout-btn{width:100%;display:flex;align-items:center;background:none;border:none;padding:16px 15px;border-radius:12px;font-size:1.02em;font-family:inherit;font-weight:600;cursor:pointer;overflow:hidden;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.sidebar-toggle:before,.logout-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.sidebar-toggle{color:var(--text-secondary)}.sidebar-toggle:before{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.sidebar-toggle:hover{color:#667eea;transform:translate(3px);background:#667eea14}.sidebar-toggle:hover:before{opacity:1}.logout-btn{color:#f85149}.logout-btn:before{background:linear-gradient(135deg,#f851491a,#dc26261a)}html[data-theme=dark] .logout-btn{color:#ff6b6b}.logout-btn:hover{background:#f8514914;transform:translate(3px)}.logout-btn:hover:before{opacity:1}.sidebar-footer svg{font-size:1.5em;margin-left:5px;margin-right:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.sidebar-toggle:hover svg,.logout-btn:hover svg{transform:scale(1.15)}.collapse-toggle .toggle-icon{transition:transform .4s cubic-bezier(.4,0,.2,1)}@media (max-height: 700px){.sidebar-header{min-height:70px;margin-bottom:15px}.sidebar-menu a{padding:12px 20px}.sidebar-user-profile{padding:14px 15px}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar:not(.is-closed){transform:translate(0)}}.hamburger-btn{position:fixed;top:20px;left:20px;z-index:1001;background:var(--card-bg, white);border:1px solid var(--card-border, #e8eef3);color:var(--text-primary, #111827);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5em;box-shadow:0 5px 15px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1}.hamburger-btn:hover{transform:scale(1.1);box-shadow:0 8px 20px #00000026;color:var(--primary-color, #667eea)}.hamburger-btn.sidebar-is-open{opacity:0;transform:scale(.5) translate(-100px);pointer-events:none}.auth-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:var(--background-color)}.auth-card{width:100%;max-width:400px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;text-align:center;animation:fadeIn .5s ease-in-out}.auth-logo{height:50px;margin-bottom:20px}.auth-card h2{font-size:1.8em;color:var(--text-primary);margin:0 0 10px}.auth-card p{color:var(--text-secondary);margin-bottom:25px}.auth-error{background-color:#fff2f0;color:var(--error-color);padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.auth-group{text-align:left;margin-bottom:20px}.auth-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.auth-group input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1em}.auth-btn{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .2s}.auth-btn:hover:not(:disabled){background-color:var(--secondary-color)}.auth-btn:disabled{background-color:#a0a0a0}.auth-footer{margin-top:25px;color:var(--text-secondary)}.auth-footer a{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}:root{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-hero: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--shadow-xl: 0 30px 90px rgba(0, 0, 0, .15);--glow-primary: 0 0 40px rgba(102, 126, 234, .4);--glow-success: 0 0 40px rgba(79, 172, 254, .4)}.dashboard-page{animation:fadeInScale .8s cubic-bezier(.4,0,.2,1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;margin-bottom:50px}.stat-card{display:flex;align-items:center;background:var(--card-bg);padding:32px;border-radius:20px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:#fff3}.stat-card:hover:before{opacity:1}.stat-icon-wrapper{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-right:24px;color:#fff;font-size:1.6em;position:relative;transition:all .4s ease}.stat-icon-wrapper:after{content:"";position:absolute;width:100%;height:100%;border-radius:16px;opacity:0;transition:opacity .4s ease}.stat-card:hover .stat-icon-wrapper{transform:rotate(-5deg) scale(1.1)}.stat-icon-wrapper.projects{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d}.stat-icon-wrapper.completed{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 25px #4facfe4d}.stat-icon-wrapper.in-progress{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 8px 25px #fa709a4d}.stat-info .stat-value{font-size:2.5em;font-weight:800;color:var(--text-primary);display:block;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-info .stat-label{font-size:1.05em;color:var(--text-secondary);margin-top:8px;font-weight:500}.dashboard-layout-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:45px;align-items:flex-start}.grid-item-hero{grid-column:1 / 3;animation:slideInLeft .8s ease-out}.grid-item-activity{grid-column:3 / 4;grid-row:1 / 3;animation:slideInRight .8s ease-out}.grid-item-process{grid-column:1 / 3;animation:slideInUp .8s ease-out .2s backwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-section{padding:60px;background:var(--gradient-hero);border-radius:28px;color:#fff;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:heroGlow 8s ease-in-out infinite}@keyframes heroGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-20px) scale(1.1)}}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:3.2em;font-weight:800;letter-spacing:-2px;margin:0;background:linear-gradient(to right,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 20px rgba(255,255,255,.3)}.hero-section .subtitle{font-size:1.3em;margin-top:15px;opacity:.9;max-width:600px;line-height:1.7;font-weight:300}.cta-button{display:inline-flex;align-items:center;gap:12px;margin-top:35px;padding:18px 40px;background:linear-gradient(135deg,#fff,#f0f5ff);color:#203a43;font-size:1.15em;font-weight:700;text-decoration:none;border-radius:60px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #fff3;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea33;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 50px #ffffff4d}.process-section h2{font-size:2.5em;color:var(--text-primary);margin-bottom:40px;text-align:left;font-weight:800;position:relative;display:inline-block}.process-section h2:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--gradient-primary);border-radius:2px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-card{background:var(--card-bg);padding:40px;border-radius:20px;box-shadow:var(--shadow-md);border-left:5px solid transparent;background-image:linear-gradient(var(--card-bg),var(--card-bg)),var(--gradient-primary);background-origin:border-box;background-clip:padding-box,border-box;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.step-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.step-card:hover:before{opacity:1}.step-card .step-icon-wrapper{color:#fff;background:var(--gradient-primary);width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8em;margin-bottom:25px;transition:all .4s ease;box-shadow:0 8px 25px #667eea4d}.step-card:hover .step-icon-wrapper{transform:scale(1.1) rotate(-5deg);box-shadow:var(--glow-primary)}.step-card h3{font-size:1.4em;color:var(--text-primary);margin-bottom:12px;font-weight:700}.step-card p{color:var(--text-secondary);line-height:1.7;font-size:1.05em}.activity-card{background:var(--card-bg);border-radius:20px;padding:30px;box-shadow:var(--shadow-md);height:100%;transition:all .4s ease}.activity-card:hover{box-shadow:var(--shadow-xl)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.activity-header h3{margin:0;font-size:1.5em;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-all-link{font-size:.95em;font-weight:600;color:var(--primary-color);text-decoration:none;transition:all .3s ease;position:relative}.view-all-link:after{content:"→";margin-left:5px;transition:transform .3s ease;display:inline-block}.view-all-link:hover:after{transform:translate(5px)}.activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.activity-item{display:flex;align-items:flex-start;gap:18px;padding:15px;border-radius:12px;transition:all .3s ease;position:relative}.activity-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--gradient-primary);border-radius:3px;opacity:0;transition:opacity .3s ease}.activity-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translate(5px)}.activity-item:hover:before{opacity:1}.activity-icon-wrapper{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3em;transition:all .3s ease}.activity-item:hover .activity-icon-wrapper{transform:scale(1.15)}.activity-icon-wrapper.status-completed{background:linear-gradient(135deg,#e6f9f0,#c8f3e0);color:var(--success-color);box-shadow:0 4px 15px #4facfe33}.activity-icon-wrapper.status-processing{background:linear-gradient(135deg,#eaf2ff,#d4e4ff);color:var(--processing-color);box-shadow:0 4px 15px #667eea33}.activity-icon-wrapper.status-failed{background:linear-gradient(135deg,#ffebe6,#ffd6cc);color:var(--error-color);box-shadow:0 4px 15px #f5576c33}.activity-text p{margin:0;font-weight:600;line-height:1.5;color:var(--text-primary);font-size:1.05em}.activity-text span{font-size:.9em;color:var(--text-secondary);margin-top:4px;display:block;font-weight:400}@media (max-width: 1200px){.dashboard-layout-grid{grid-template-columns:1fr;gap:35px}.grid-item-hero,.grid-item-activity,.grid-item-process{grid-column:1 / -1;grid-row:auto}.hero-content h1{font-size:2.5em}.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid,.process-steps{grid-template-columns:1fr}.hero-section{padding:40px 30px}.hero-content h1,.process-section h2{font-size:2em}.stat-card{padding:24px}}.projects-page{animation:fadeInScale .8s cubic-bezier(.4,0,.2,1)}@keyframes fadeInScale{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.projects-page h1{font-size:3em;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:40px;padding-bottom:20px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#667eea,#764ba2,transparent);border-image-slice:1;position:relative;letter-spacing:-1px}.projects-page h1:after{content:"";position:absolute;bottom:-3px;left:0;width:120px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;box-shadow:0 2px 15px #667eea66}.create-project-card{background:linear-gradient(135deg,#fff,#f8f9fb);padding:40px;border-radius:24px;box-shadow:0 10px 50px -15px #00000026;margin-bottom:60px;border:2px solid rgba(102,126,234,.1);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.create-project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea08,#764ba208);opacity:0;transition:opacity .4s ease}.create-project-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px -15px #667eea40;border-color:#667eea33}.create-project-card:hover:before{opacity:1}html[data-theme=dark] .create-project-card{background:linear-gradient(135deg,#1a1f2e,#13161f);border-color:#667eea33}.create-project-card h3{margin:0 0 25px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.7em;font-weight:700;position:relative;z-index:1}.create-project-card form{display:flex;gap:18px;align-items:center;position:relative;z-index:1}.create-project-card input{flex-grow:1;padding:18px 24px;border:2px solid #e0e7ff;border-radius:14px;font-size:1.1em;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}html[data-theme=dark] .create-project-card input{background:#0d1117;border-color:#667eea4d;color:var(--text-primary)}.create-project-card input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 5px #667eea26;transform:translateY(-2px)}.create-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 35px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;cursor:pointer;font-size:1.1em;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 8px 25px -5px #667eea66;position:relative;overflow:hidden}.create-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.create-btn:hover:not(:disabled):before{left:100%}.create-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px -5px #667eea80}.create-btn:active:not(:disabled){transform:translateY(-2px) scale(.98)}.create-btn:disabled{opacity:.6;cursor:not-allowed}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:35px;animation:gridFadeIn .8s ease-out .2s backwards}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-item-container{display:flex;align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 8px 30px -8px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:2px solid transparent}html[data-theme=dark] .project-item-container{background:linear-gradient(135deg,#1a1f2e,#13161f)}.project-item-container:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #667eea80}.project-item-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .4s ease}.project-item-container:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px -10px #667eea40;border-color:#667eea33}.project-item-container:hover:before{width:10px;box-shadow:0 0 30px #667eeab3}.project-item-container:hover:after{opacity:1}.project-item-link{flex-grow:1;text-decoration:none;color:inherit;display:flex;position:relative;z-index:1}.project-item{padding:30px;display:flex;align-items:center;gap:24px;width:100%}.project-icon{font-size:2em;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:18px;border-radius:16px;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea33}.project-item-container:hover .project-icon{transform:scale(1.1) rotate(-5deg);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea66}.project-info{display:flex;flex-direction:column;flex-grow:1;min-width:0;gap:6px}.project-name{font-weight:700;font-size:1.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);transition:color .3s ease}.project-item-container:hover .project-name{color:#667eea}.project-date{font-size:.95em;color:var(--text-secondary);font-weight:500}.project-arrow{font-size:1.6em;color:#d1d5db;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-item-container:hover .project-arrow{transform:translate(8px) scale(1.1);color:#667eea}.delete-project-btn{background:none;border:none;cursor:pointer;padding:0 28px;font-size:1.3em;color:#adb5bd;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:2px solid var(--border-color);position:relative;z-index:2}.delete-project-btn:hover{color:#fff;background:linear-gradient(135deg,#f85149,#dc2626);transform:scale(1.05);border-left-color:transparent;box-shadow:-5px 0 20px #f851494d}html[data-theme=dark] .delete-project-btn:hover{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.loading-text{font-size:1.3em;color:var(--text-secondary);text-align:center;padding:60px;font-weight:500}.error-text{color:#f85149;padding:15px 0 0;text-align:left;font-weight:600;font-size:1.05em}html[data-theme=dark] .error-text{color:#ff6b6b}.no-projects-placeholder{grid-column:1 / -1;text-align:center;padding:80px 40px;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:24px;border:3px dashed rgba(102,126,234,.3);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease}.no-projects-placeholder:hover{border-color:#667eea80;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.no-projects-placeholder svg{font-size:4em;color:#667eea;opacity:.5;margin-bottom:25px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-projects-placeholder h2{color:var(--text-primary);font-size:1.8em;font-weight:700;margin-bottom:10px}.no-projects-placeholder p{font-size:1.15em;max-width:450px;line-height:1.6;color:var(--text-secondary)}@media (max-width: 1200px){.project-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.projects-page h1{font-size:2.2em}.create-project-card{padding:30px}.create-project-card form{flex-direction:column}.create-btn{width:100%;justify-content:center}.project-list{grid-template-columns:1fr;gap:25px}.project-item{padding:25px}.no-projects-placeholder{padding:60px 30px}}.project-item-container{animation:projectCardFadeIn .5s ease-out backwards}.project-item-container:nth-child(1){animation-delay:.1s}.project-item-container:nth-child(2){animation-delay:.2s}.project-item-container:nth-child(3){animation-delay:.3s}.project-item-container:nth-child(4){animation-delay:.4s}.project-item-container:nth-child(5){animation-delay:.5s}.project-item-container:nth-child(6){animation-delay:.6s}@keyframes projectCardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.job-status-card{border-radius:20px;box-shadow:0 10px 40px -12px #00000026;border:2px solid transparent;overflow:hidden;background:var(--card-bg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border-left-width:0;animation:cardSlideIn .6s ease-out backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.job-status-card:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;transition:all .4s ease;box-shadow:0 0 25px #667eea80}.job-status-card.processing:before{background:linear-gradient(180deg,#667eea,#4c82f7)}.job-status-card.completed:before{background:linear-gradient(180deg,#10b981,#34d399);box-shadow:0 0 25px #10b98180}.job-status-card.failed:before{background:linear-gradient(180deg,#ef4444,#f87171);box-shadow:0 0 25px #ef444480}.job-status-card:hover{box-shadow:0 20px 60px -15px #00000040;transform:translateY(-8px) scale(1.01);border-color:#667eea33}.job-status-card:hover:before{width:12px;box-shadow:0 0 35px #667eeab3}html[data-theme=dark] .job-status-card{background:linear-gradient(135deg,#1a1f2e,#13161f)}.card-header{display:flex;align-items:center;padding:30px;color:#fff;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:headerGlow 8s ease-in-out infinite}@keyframes headerGlow{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.job-status-card.processing .card-header{background:linear-gradient(135deg,#667eea,#4c82f7)}.job-status-card.completed .card-header{background:linear-gradient(135deg,#10b981,#34d399)}.job-status-card.failed .card-header{background:linear-gradient(135deg,#ef4444,#f87171)}.status-icon{font-size:3.2em;margin-right:25px;flex-shrink:0;opacity:.9;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.job-status-card:hover .status-icon{transform:scale(1.15) rotate(-5deg)}.job-info{position:relative;z-index:1;flex-grow:1}.job-info h3{margin:0 0 8px;font-size:1.7em;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.job-creation-date{display:flex;align-items:center;gap:10px;font-size:.95em;opacity:.9;margin-bottom:10px;font-weight:500}.job-id-pill{display:inline-flex;align-items:center;background:#ffffff40;padding:6px 14px;border-radius:25px;font-family:Courier New,monospace;font-size:.9em;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.job-id-pill:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.copy-icon-wrapper{margin-left:10px;display:flex;align-items:center;transition:transform .3s ease}.job-id-pill:hover .copy-icon-wrapper{transform:scale(1.1)}.copied-icon{color:#34d399;animation:popIn .4s cubic-bezier(.4,0,.2,1)}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.delete-job-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;font-size:1.3em;color:#fffc;transition:all .3s ease;position:absolute;top:30px;right:30px;z-index:2;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.delete-job-btn:hover{background:#ef4444e6;border-color:transparent;color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 15px #ef444466}.stage-tag{position:absolute;top:35px;right:80px;padding:6px 14px;font-size:.75em;font-weight:700;border-radius:20px;color:#fff;text-transform:uppercase;letter-spacing:.8px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:2;transition:all .3s ease}.stage-tag:hover{transform:scale(1.05);background:#0006}.stage-tag.ppt-stage{background:linear-gradient(135deg,#d9450bcc,#c75000cc)}.stage-tag.qc-stage{background:linear-gradient(135deg,#6366f1cc,#4f46e5cc)}.card-body{padding:35px 30px}.status-message-box{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid rgba(102,126,234,.15);padding:20px 25px;border-radius:14px;transition:all .3s ease}.status-message-box:hover{border-color:#667eea4d;background:linear-gradient(135deg,#667eea14,#764ba214)}html[data-theme=dark] .status-message-box{background:#667eea1a;border-color:#667eea4d}.status-message-label{font-size:.85em;font-weight:700;color:var(--text-secondary);margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.status-message{font-size:1.15em;color:var(--text-primary);font-weight:600;margin:0;word-break:break-word;line-height:1.5}.card-footer{background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.03) 100%);padding:20px 30px;display:flex;flex-wrap:wrap;gap:15px;border-top:2px solid rgba(0,0,0,.06)}html[data-theme=dark] .card-footer{background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.08) 100%);border-top-color:#ffffff14}.progress-bar-container{margin-top:25px}.progress-bar{height:12px;background:#00000014;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#4c82f7);border-radius:20px;transition:width .5s cubic-bezier(.4,0,.2,1);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:1.5rem 1.5rem;animation:progressStripes 1s linear infinite;box-shadow:0 2px 8px #667eea66}@keyframes progressStripes{0%{background-position:0 0}to{background-position:1.5rem 0}}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;text-decoration:none;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.download-btn:hover:not(:disabled):before{left:100%}.download-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.download-btn.excel{background:linear-gradient(135deg,#1d6f42,#22c55e);box-shadow:0 4px 15px #1d6f424d}.download-btn.ppt{background:linear-gradient(135deg,#d9450b,#f97316);box-shadow:0 4px 15px #d9450b4d}.download-btn.qc{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 4px 15px #6366f14d}.download-btn:not(:disabled):hover{transform:translateY(-3px) scale(1.05)}.download-btn.excel:hover{box-shadow:0 8px 25px #1d6f4280}.download-btn.ppt:hover{box-shadow:0 8px 25px #d9450b80}.download-btn.qc:hover{box-shadow:0 8px 25px #6366f180}.stage-two-section,.stage-three-section{padding:25px 30px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-top:2px solid rgba(102,126,234,.15)}html[data-theme=dark] .stage-two-section,html[data-theme=dark] .stage-three-section{background:#667eea14;border-top-color:#667eea4d}.generate-ppt-btn,.run-qc-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px;font-size:1.15em;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.generate-ppt-btn:before,.run-qc-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.generate-ppt-btn:hover:before,.run-qc-btn:not(:disabled):hover:before{left:100%}.generate-ppt-btn{color:#fff;background:linear-gradient(135deg,#d9450b,#f97316);box-shadow:0 4px 15px #d9450b4d}.generate-ppt-btn.retry{background:linear-gradient(135deg,#ffc107,#fbbf24);color:#78350f}.generate-ppt-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d9450b80}.generate-ppt-btn.retry:hover{box-shadow:0 8px 25px #ffc10780}.run-qc-btn{color:#667eea;background:#fff;border:3px solid #667eea;font-weight:700}.run-qc-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea66;border-color:transparent}.stage-two-form h4{margin-top:0;margin-bottom:25px;font-size:1.4em;color:var(--text-primary);font-weight:700}.stage-two-form .form-group{margin-bottom:20px}.stage-two-form .form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:.95em;color:var(--text-primary)}.stage-two-form .form-group input{width:100%;padding:12px 16px;border:2px solid #e0e7ff;border-radius:10px;box-sizing:border-box;font-size:1em;transition:all .3s ease}.stage-two-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}html[data-theme=dark] .stage-two-form .form-group input{background:#0d1117;border-color:#667eea4d;color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.form-actions .cancel-btn,.form-actions .submit-btn-small{padding:10px 20px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1em}.form-actions .cancel-btn{background:#e5e7eb;color:#4b5563}.form-actions .cancel-btn:hover{background:#d1d5db}.form-actions .submit-btn-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.form-actions .submit-btn-small:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.form-actions .submit-btn-small:disabled{background:#9ca3af;opacity:.6}.form-error{color:#ef4444;background:linear-gradient(135deg,#ef44441a,#f871711a);padding:12px 16px;border-radius:10px;margin-bottom:20px;text-align:center;font-weight:600;border:2px solid rgba(239,68,68,.2)}.qc-report-section{padding:20px 30px;border-top:2px solid rgba(0,0,0,.06)}html[data-theme=dark] .qc-report-section{border-top-color:#ffffff14}.qc-summary{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.1em;padding:12px;border-radius:10px;transition:all .3s ease}.qc-summary-left{display:flex;align-items:center;gap:12px}.qc-report-section.issues-found .qc-summary{cursor:pointer}.qc-report-section.issues-found .qc-summary:hover{background:#d977061a}.qc-report-section.passed{color:#10b981}.qc-report-section.passed .qc-summary{background:linear-gradient(135deg,#10b9811a,#34d3991a)}.qc-report-section.issues-found{color:#d97706}.chevron-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);font-size:1.2em}.chevron-icon.open{transform:rotate(180deg)}.qc-details-list{list-style-type:none;padding-left:40px;margin-top:20px;margin-bottom:0;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qc-issue-item{padding:10px 0;color:var(--text-secondary);line-height:1.6;border-bottom:1px solid rgba(0,0,0,.05)}.qc-issue-item:last-child{border-bottom:none}.qc-issue-item strong{color:var(--text-primary);font-weight:700}.qc-error-message{margin-top:15px;color:#ef4444;font-style:italic;font-weight:600;padding:10px;background:#ef44441a;border-radius:8px}.icon-spin{animation:spin 2s cubic-bezier(.4,0,.2,1) infinite}@media (max-width: 768px){.card-header{padding:25px 20px}.status-icon{font-size:2.5em;margin-right:20px}.job-info h3{font-size:1.4em}.card-body{padding:25px 20px}.card-footer{padding:15px 20px;flex-direction:column}.download-btn{width:100%}.delete-job-btn{top:20px;right:20px}.stage-tag{top:25px;right:65px;font-size:.7em}}.project-detail-page{animation:fadeIn .6s ease-in-out}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:2px solid var(--border-color);padding-bottom:20px;gap:20px}.project-title-wrapper{display:flex;align-items:center;gap:15px;min-width:0}.header-icon{font-size:2.2em;color:var(--primary-color);flex-shrink:0}.detail-header h1{font-size:2.5em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;letter-spacing:-1px}.new-job-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background-image:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:1.1em;white-space:nowrap;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px #0a3d6b33}.new-job-btn:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0a3d6b4d}.jobs-section-title{font-size:1.8em;margin:40px 0 25px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.job-count{font-size:.8em;padding:4px 10px;border-radius:20px;background-color:#eef2f6;color:var(--text-secondary);font-weight:700}.job-list{display:grid;grid-template-columns:1fr;gap:30px}.no-jobs-placeholder{text-align:center;padding:60px;background-color:var(--card-bg);border-radius:16px;border:2px dashed #e0e7ff;color:var(--text-secondary);box-shadow:0 4px 25px #00000008}.placeholder-icon{color:var(--primary-color);opacity:.6;margin-bottom:20px}.no-jobs-placeholder h2{color:var(--text-primary);font-size:1.5em;margin-bottom:10px}.no-jobs-placeholder p{font-size:1.1em;max-width:400px;margin:0 auto;line-height:1.6}.error-box,.loading-text{padding:20px;border-radius:12px;font-weight:500;text-align:center;font-size:1.1em}.error-box{background-color:#fff2f0;border:1px solid var(--error-color);color:var(--error-color)}.loading-text{color:var(--text-secondary)}.new-job-page{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:40px}.new-job-page h1{font-size:2.5em;font-weight:700;color:var(--text-primary);margin-bottom:5px}.new-job-page .subtitle{font-size:1em;color:var(--primary-color);margin-top:0;font-family:Segoe UI Mono,monospace;background-color:var(--subtitle-bg);padding:8px 15px;border-radius:8px;display:inline-block;border:1px solid var(--subtitle-border)}.form-card{background:var(--card-bg);padding:40px;border-radius:20px;box-shadow:0 4px 12px #0000000a,0 10px 30px #00000014;border:1px solid var(--card-border);max-width:800px;margin:0 auto;transition:all .3s ease-in-out}.stepper{display:flex;align-items:center;margin-bottom:40px}.step{display:flex;align-items:center;color:var(--text-secondary);opacity:.6}.step.active{color:var(--primary-color);opacity:1}.step-number{width:32px;height:32px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.step.active .step-number{background-color:var(--primary-color);color:var(--primary-color-text)}.step-label{margin-left:12px;font-weight:600}.step-line{flex-grow:1;height:2px;background-color:var(--border-color);margin:0 15px}.error-box{padding:15px;background-color:#fff2f0;border:1px solid var(--error-color);color:var(--error-color);border-radius:8px;font-weight:500;text-align:center;margin-bottom:25px}.form-group{margin-bottom:30px}.form-group label{display:block;font-weight:600;margin-bottom:15px;color:var(--text-primary);font-size:1.2em}.file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px solid var(--dropzone-border);border-radius:16px;background-color:var(--dropzone-bg);cursor:pointer;transition:all .3s ease-in-out;text-align:center;overflow:hidden}.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:var(--primary-color);background-color:var(--dropzone-bg-hover);box-shadow:0 0 25px #0a3d6b26;transform:translateY(-5px)}.file-drop-zone .drop-icon{font-size:2.5em;color:var(--primary-color);margin-bottom:15px;background-color:var(--dropzone-icon-bg);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.file-drop-zone:hover .drop-icon{background-color:var(--primary-color);color:var(--primary-color-text);transform:scale(1.1) rotate(-10deg)}.file-drop-zone p{margin:0;color:var(--text-secondary);line-height:1.5}.file-drop-zone p strong{color:var(--text-primary);display:block;font-size:1.2em;font-weight:600;margin-bottom:5px}.file-list{margin-top:15px;display:flex;flex-direction:column;gap:10px}.file-item{display:flex;align-items:center;padding:12px 16px;background-color:var(--card-bg);border-radius:10px;border:1px solid var(--card-border);box-shadow:0 2px 5px #00000008;transition:all .2s ease}.file-item:hover{transform:scale(1.02);box-shadow:0 4px 10px #0000000d}.file-icon{color:var(--text-secondary);margin-right:10px}.file-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em;color:var(--text-secondary)}.remove-file-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.2em}.remove-file-btn:hover{color:var(--error-color)}.submit-btn{width:100%;padding:16px;background-image:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);color:var(--primary-color-text);border:none;border-radius:12px;font-size:1.2em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 5px 18px #0a3d6b33}.submit-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #0a3d6b59}.submit-btn:disabled{background-image:none;background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed;box-shadow:none;transform:none}.icon-spin{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: #0a3d6b;--secondary-color: #0d5a9e;--background-color: #f4f7f9;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text-primary: #1a253c;--text-secondary: #5a6474;--border-color: #e0e7ff;--success-color: #00875a;--error-color: #de350b;--processing-color: #0052cc;--sidebar-width-open: 260px;--sidebar-width-collapsed: 88px}html[data-theme=dark]{--primary-color: #58a6ff;--secondary-color: #388bfd;--background-color: #0d1117;--sidebar-bg: #161b22;--card-bg: #161b22;--text-primary: #c9d1d9;--text-secondary: #8b949e;--border-color: #21262d;--success-color: #238636;--error-color: #f85149;--processing-color: #388bfd}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);transition:background-color .3s,color .3s}.main-content{flex-grow:1;padding:40px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);margin-left:var(--sidebar-width-open)}.app-layout.sidebar-collapsed .main-content{margin-left:0}