@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg:linear-gradient(135deg,#0c4a6e 0%,#1e3c72 50%,#2a5298 100%);--text:#fff;--text-muted:#94a3b8;--brand:#2563eb;--brand-hover:#1e40af;--brand-light:#3b82f6;--sidebar:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);--card-bg:#fff;--card-border:#0000000f;--radius:20px;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 4px 20px -5px #0000000d;--shadow-lg:0 20px 40px -15px #00000012;--glass-bg:#ffffffb3;--glass-border:#0000000a;--brand-gradient:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);--font-primary:var(--font-inter),var(--font-noto),-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-primary);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M0,100 Q250,0 500,100 T1000,100 V100 H0 Z\" fill=\"%230c4a6e\" opacity=\"0.8\"/><path d=\"M0,100 Q250,50 500,100 T1000,100 V100 H0 Z\" fill=\"%231e3c72\" opacity=\"0.6\"/><path d=\"M0,100 Q250,0 500,100 T1000,100 V100 H0 Z\" fill=\"%232a5298\" opacity=\"0.4\"/></svg>") bottom/100% 100% no-repeat;width:100%;height:150px;max-height:20vh;animation:10s ease-in-out infinite alternate wave;position:fixed;bottom:0;left:0}@keyframes wave{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);color:#0f172a;background:#fff;border:1px solid #ffffff1a;box-shadow:0 40px 100px -20px #0009}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 12px #2563eb33}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px)}.btn-secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--card-border)}.btn-secondary:hover{background:var(--glass-border)}.topbar-glass{-webkit-backdrop-filter:blur(20px);z-index:50;background:#0f172acc;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.breadcrumb{color:#9ca3af;font-size:14px;font-weight:500}.breadcrumb .active{color:var(--text);font-weight:600}.beta-badge{color:#60a5fa;background:#2563eb1a;border:1px solid #2563eb33;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.content-area{max-width:1200px;margin:0 auto;padding:80px 40px}@media (max-width:768px){.content-area{padding:20px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000001a}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.badge{animation:4s ease-in-out infinite float}.shimmer{background:linear-gradient(90deg,#0000,#fff9,#0000) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.layout-wrapper{min-height:100vh;display:flex}.main-content{flex:1;max-height:100vh;position:relative;overflow:auto}.sidebar{background:var(--sidebar);z-index:100;border-right:1px solid #ffffff1a;flex-direction:column;width:240px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.sidebar.collapsed{width:80px}.sidebar-header{justify-content:space-between;align-items:center;height:100px;padding:24px;display:flex}.logo{object-fit:contain;width:80px;height:auto}.sidebar.collapsed .logo{width:40px}.collapse-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.collapse-btn:hover{background:#fff3}.menu{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.item{color:#d1d5db;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.sidebar.collapsed .item{justify-content:center}.item:hover{color:#fff;background:#ffffff0d}.item.active{background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:#fff}.item .icon{background:#ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item.active .icon{background:#fff3}.item .label{font-size:14px;font-weight:500}.user-mini{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px;display:flex}.sidebar.collapsed .user-mini{justify-content:center}.avatar{background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.email{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-logout-btn{color:#9ca3af;margin-left:auto;transition:color .2s}.sidebar-logout-btn:hover{color:#ef4444}.home-container{max-width:1200px;margin:0 auto}.hero{text-align:center;flex-direction:column;align-items:center;padding:80px 0 20px;display:flex}.badge{color:var(--brand);background:#2563eb0d;border:1px solid #2563eb1a;border-radius:99px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:inherit;font-weight:700;line-height:1.2}h1{letter-spacing:-.04em;margin-bottom:24px;font-size:3rem;font-weight:800;line-height:1.1}.hero h1{max-width:900px;margin-left:auto;margin-right:auto;font-size:4.5rem}.gradient-text{background:linear-gradient(135deg,#bae6fd 0%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h2{margin-bottom:20px;font-size:2rem}h3{margin-bottom:16px;font-size:1.5rem}h4{margin-bottom:12px;font-size:1.25rem}p{color:var(--text-muted);line-height:1.7}.subtitle{color:#fff;max-width:700px;margin-bottom:56px;font-size:20px;line-height:1.6}.hero-actions{justify-content:center;width:100%;margin-bottom:12px;display:flex}.features{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:32px;font-size:14px;font-weight:500;display:flex}.feature{box-shadow:var(--shadow-sm);border:1px solid var(--card-border);background:#fff;border-radius:99px;align-items:center;gap:12px;padding:8px 16px;display:flex}.feature-icon{color:var(--brand)}.upload-container{width:100%;max-width:600px}.drop-zone{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #00000014;border-radius:24px;padding:60px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.drop-zone:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#2563eb08 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.drop-zone:hover:before{opacity:1}.drop-zone.active{border-color:var(--brand);background:#2563eb0d;transform:scale(1.02)}.drop-zone.has-file{border-style:solid;border-color:var(--brand)}.hidden-input{display:none}.drop-zone-content{cursor:pointer;flex-direction:column;align-items:center;gap:20px;display:flex}.icon-circle{width:64px;height:64px;color:var(--brand);background:#2563eb1a;border-radius:20px;justify-content:center;align-items:center;display:flex}.text-content h3{color:#1e293b;margin-bottom:4px;font-size:16px}.text-content p{color:var(--text-muted);font-size:14px}.file-preview{flex-direction:column;gap:24px;display:flex}.file-info{border:1px solid var(--card-border);background:#00000008;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.file-icon{color:var(--brand-light)}.file-details{text-align:left;flex-direction:column;flex:1;display:flex}.file-name{word-break:break-all;color:#1e293b;font-size:14px;font-weight:600}.file-size{color:var(--text-muted);font-size:12px}.remove-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px}.remove-btn:hover{color:#ef4444}.upload-btn{width:100%}.error-msg{color:#ef4444;background:#ef44441a;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:10px;font-size:14px;display:flex}.audit-list{width:100%;max-width:600px;margin:0 auto;padding-bottom:100px}.list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.count{color:var(--text-muted);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:99px;padding:4px 12px;font-size:14px}.audit-items-list{flex-direction:column;gap:12px;display:flex}.audit-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.audit-row:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.audit-info{flex-direction:column;gap:2px;min-width:0;display:flex}.row-filename{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.row-date{color:#64748b;font-size:12px}.audit-row-actions{align-items:center;gap:8px;margin-left:16px;display:flex}.row-score-value{margin-right:8px;font-size:13px;font-weight:700}.action-link{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.action-link.view{color:#3b82f6}.action-link.view:hover{background:#3b82f61a}.action-link.delete{color:#ef4444}.action-link.delete:hover{background:#ef44441a}@media (max-width:768px){.home-container{padding:0 16px}.hero{padding:40px 0 20px}.hero h1{font-size:2.5rem}.audit-row{padding:12px 14px}.audit-row-actions{gap:6px;margin-left:12px}.row-score-value{margin-right:4px;font-size:12px}.action-link{width:32px;height:32px}.upload-container{max-width:100%}.drop-zone{padding:24px 20px}.icon-circle{border-radius:12px;width:44px;height:44px}.text-content h3{font-size:15px}}.empty-state{text-align:center;border:1px dashed var(--card-border);color:var(--text-muted);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:80px 40px;display:flex}.process-container{justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.process-container:before{content:"";opacity:.03;pointer-events:none;background:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);position:absolute;inset:0}.process-card{text-align:center;z-index:10;background:#fff;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:48px;display:flex;position:relative;box-shadow:0 40px 100px -20px #00000080}.status-badge{color:var(--brand);text-transform:uppercase;letter-spacing:1.5px;background:#2563eb14;border:1px solid #2563eb1a;border-radius:99px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:700}.process-card h1{color:#0f172a;margin-bottom:12px;font-size:32px}.process-card .subtitle{color:var(--text-muted);margin-bottom:8px;font-size:15px;line-height:1.6}.time-estimate{color:var(--text-muted);opacity:.7;margin-bottom:40px;font-size:13px}.steps-container{flex-direction:column;gap:12px;width:100%;display:flex}.step{color:var(--text-muted);text-align:left;background:#00000003;border:1px solid #00000008;border-radius:20px;align-items:center;gap:16px;padding:16px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.step-icon{color:#64748b;background:#f8fafc;border:1px solid #0000000d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .4s;display:flex}.step-content{flex-direction:column;flex:1;display:flex}.step-label{color:var(--text-muted);font-size:15px;font-weight:700;transition:color .4s}.step-description{opacity:.6;font-size:13px}.step.current{color:var(--text);z-index:2;background:#fff;border-color:#2563eb33;transform:scale(1.03);box-shadow:0 10px 40px -10px #2563eb26}.step.current .step-icon{background:var(--brand);color:#fff;border-color:#0000;box-shadow:0 8px 16px -4px #2563eb66}.step.current .step-label{color:var(--brand)}.step.completed{color:#10b981;background:#10b98108;border-color:#10b98126}.step.completed .step-icon{color:#fff;background:#10b981;border-color:#0000;box-shadow:0 8px 16px -4px #10b9814d}.step.completed .step-label{color:#059669}.step.completed .step-description{color:#059669;opacity:.8}.step-icon{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step.completed .step-icon{background:#10b9811a}.step.current .step-icon{color:var(--brand-light);background:#2563eb33}.step-label{text-align:left;flex:1;font-size:14px;font-weight:500}.spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-box{color:#ef4444;background:#ef44440d;border-radius:12px;width:100%;margin-top:32px;padding:20px}.audit-page{min-height:100vh;margin:0;padding:80px 0}.audit-container{max-width:1200px;margin:0 auto;padding:0 40px}.audit-header .header-content h1,.audit-header .header-content p{color:#fff}.audit-header .header-content p{opacity:.8}.audit-header{justify-content:space-between;align-items:center;gap:40px;margin-bottom:48px;display:flex}.file-pill{color:var(--text-muted);border:1px solid var(--card-border);background:#ffffff0d;border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 12px;font-size:13px;display:inline-flex}.audit-header h1{color:#fff;margin-bottom:12px;font-size:48px}.score-summary{flex-direction:column;align-items:center;gap:16px;min-width:200px;padding:30px;display:flex}.score-circle{width:140px;height:140px;position:relative}.score-circle svg{width:140px;height:140px;transform:rotate(-90deg)}.score-circle circle{fill:none;stroke-width:10px;stroke-linecap:round}.score-circle circle:first-child{stroke:#0000000d}.score-circle circle:nth-child(2){stroke:var(--brand);stroke-dasharray:408;transition:stroke-dashoffset 1s ease-out}.score-value{align-items:baseline;font-size:42px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-value span{color:var(--text-muted);font-size:16px;font-weight:500}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.stat-card{align-items:center;gap:20px;padding:24px;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.blue{color:#3b82f6;background:#2563eb1a}.stat-icon.green{color:#10b981;background:#10b9811a}.stat-icon.yellow{color:#f59e0b;background:#f59e0b1a}.stat-value{font-size:24px;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:14px}.section-card{margin-bottom:32px;overflow:hidden}.section-header{border-bottom:1px solid var(--card-border);background:#00000003;justify-content:space-between;align-items:center;padding:24px;display:flex}.section-title{align-items:center;gap:16px;display:flex}.section-idx{width:32px;height:32px;color:var(--text-muted);background:#0000000d;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.section-score{border-radius:99px;padding:6px 14px;font-size:14px;font-weight:700}.score-high{color:#10b981;background:#10b9811a}.score-mid{color:#3b82f6;background:#2563eb1a}.score-low{color:#94a3b8;background:#47556926}.section-body{padding:32px}.section-grid{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px;display:grid}.column-title{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;display:flex}.column-title.positive{color:#10b981}.column-title.negative{color:#ef4444}.column-title.primary{color:var(--brand-light)}.section-column ul{flex-direction:column;gap:12px;list-style:none;display:flex}.section-column li{color:var(--text-muted);padding-left:20px;font-size:14px;position:relative}.section-column li:before{content:"•";color:var(--card-border);position:absolute;left:0}.suggestions-box{background:#2563eb08;border:1px solid #2563eb14;border-radius:16px;margin-bottom:24px;padding:24px}.suggestions-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.suggestion-item{align-items:flex-start;gap:10px;font-size:14px;display:flex}.suggestion-item span{line-height:1.4}.why-box{color:var(--text-muted);border-top:1px solid var(--card-border);padding-top:16px;font-size:13px;font-style:italic}@media (max-width:992px){.audit-header{text-align:center;flex-direction:column}.stats-grid,.section-grid,.suggestions-list{grid-template-columns:1fr}}.preview-page{min-height:100vh;margin:0;padding:80px 0}.preview-container{max-width:1200px;margin:0 auto;padding:0 40px}.preview-header h1,.preview-header p{color:#fff}.preview-header p{opacity:.8}.preview-header .badge{color:#fff;background:#ffffff1a;border:1px solid #fff3;margin-bottom:16px}.preview-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.preview-header h1{margin-bottom:12px;font-size:40px}.preview-header p{color:var(--text-muted);margin-bottom:32px}.header-actions{gap:16px;display:flex}.btn.lg{padding:14px 32px;font-size:16px}.preview-columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}.column{flex-direction:column;gap:32px;display:flex}.profile-section{padding:32px}.section-head{color:var(--text);align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-head .icon{color:var(--brand-light)}.section-head h2{text-transform:uppercase;letter-spacing:1px;font-size:18px;font-weight:700}.section-content{flex-direction:column;gap:20px;display:flex}.field-group{grid-template-columns:1fr 1fr;gap:24px;display:grid}.field label{color:#9ca3af;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field .value{color:var(--text);border:1px solid var(--card-border);background:#00000005;border-radius:8px;padding:10px 14px;font-size:15px}.timeline{padding-left:20px;position:relative}.timeline:before{content:"";background:var(--card-border);width:2px;position:absolute;top:0;bottom:0;left:3px}.timeline-item{margin-bottom:32px;position:relative}.item-dot{background:var(--brand);border:2px solid var(--bg);width:8px;height:8px;box-shadow:0 0 0 2px var(--brand);border-radius:50%;position:absolute;top:6px;left:-20px}.item-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.item-header h4{color:var(--text);font-size:16px}.date{color:var(--text-muted);background:#0000000a;border-radius:4px;padding:2px 8px;font-size:12px}.item-meta{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.item-meta span{align-items:center;gap:4px;display:flex}.item-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.skill-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.skill-tag{border:1px solid var(--card-border);color:var(--text);background:#00000008;border-radius:8px;padding:6px 12px;font-size:13px}.skill-tag.tech{color:var(--brand-light);background:#2563eb1a;border-color:#2563eb33}.certs-list{flex-direction:column;gap:16px;display:flex}.cert-item{align-items:center;gap:12px;display:flex}.cert-dot{background:var(--brand-light);border-radius:50%;width:6px;height:6px}.cert-name{font-size:14px;font-weight:600}.cert-issuer{color:var(--text-muted);font-size:12px}@media (max-width:992px){.preview-columns{grid-template-columns:1fr}}.loading,.error{min-height:400px;color:var(--text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}.processing-screen{background:var(--bg);z-index:9999;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.processing-card{z-index:10000;background:#fff;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:500px;min-height:auto;padding:40px 32px;display:flex;position:relative;box-shadow:0 50px 100px -20px #00000080}.processing-header{text-align:center;margin-bottom:32px}.processing-header h1{color:#1e3a8a;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.processing-header p{color:#64748b;font-size:16px;font-weight:500}.processing-header .status-note{color:#94a3b8;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.percentage-text{color:#2563eb;margin-bottom:4px;font-size:32px;font-weight:800}.current-status-text{color:#64748b;margin-bottom:24px;font-size:14px;font-weight:600}.progress-bar-container{background:#f1f5f9;border-radius:10px;width:100%;height:8px;margin-bottom:40px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.steps-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.step-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex}.step-card.completed{background:#f0fdf4;border-color:#dcfce7}.step-card.current{background:#fff;border-width:2px;border-color:#3b82f6;box-shadow:0 8px 20px -5px #3b82f626}.step-card.pending{opacity:.5;background:#fff}.icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.completed .icon-wrap{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 10px #10b9814d}.current .icon-wrap{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 15px #3b82f666}.pending .icon-wrap{color:#94a3b8;background:#f1f5f9}.pulse-ring{border:4px solid #3b82f6;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.step-text{flex:1}.step-title{margin-bottom:0;font-size:15px;font-weight:700;display:block}.completed .step-title{color:#065f46}.current .step-title{color:#1e40af}.pending .step-title{color:#64748b}.step-desc{font-size:12px;font-weight:500;display:block}.completed .step-desc{color:#15803d}.current .step-desc{color:#3b82f6}.pending .step-desc{color:#94a3b8}.animate-spin{animation:1s linear infinite spin}.audit-loading-screen{background:var(--bg);z-index:9999;background-attachment:fixed;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.audit-loading-screen .loading-content{background:#fff;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;padding:64px;display:flex;box-shadow:0 50px 100px -20px #00000080}