:root{--bg:#f7f5f0;--surface:#fff;--bg-alt:#eeeae1;--text:#1a1714;--text-secondary:#3d3830;--muted:#7a7368;--border:#1a17141a;--accent:#1e3a8a;--accent-strong:#172554;--accent-soft:#eff6ff;--accent-warm:#3b82f6;--shadow:0 8px 30px #0000000a;--shadow-hover:0 14px 40px #00000014;--shadow-modal:0 24px 80px #0000001f;--shadow-glow:0 0 20px #3b82f626;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-heading:"Sora", sans-serif;--font-body:"DM Sans", sans-serif;--dur-mid:.4s;--dur-fast:.2s}.dark{--bg:#0b0a09;--surface:#141210;--bg-alt:#1f1c18;--text:#f5f3ed;--text-secondary:#d4d0c5;--muted:#a19d94;--border:#ffffff14;--accent:#3b82f6;--accent-strong:#60a5fa;--accent-soft:#3b82f626;--accent-warm:#93c5fd;--shadow:0 8px 30px #0009;--shadow-hover:0 14px 40px #000c;--shadow-modal:0 24px 80px #000000f2;--shadow-glow:0 0 30px #3b82f640}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;height:100vh;transition:background var(--dur-mid), color var(--dur-mid);flex-direction:column;display:flex;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow);background:#ffffffbf;border:1px solid #ffffff80}.dark .glass-panel{background:#14121099;border:1px solid #ffffff0d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonProgress{0%{opacity:.7;transform:translate(-100%)}50%{opacity:1}to{opacity:.7;transform:translate(220%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes shadowFloat{0%{opacity:.25;transform:scale(1)}50%{opacity:.1;transform:scale(.8)}to{opacity:.25;transform:scale(1)}}.fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-scale-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards scaleIn}.float-animation{animation:4s ease-in-out infinite floatUp}.icon-shadow{background:var(--accent-warm);filter:blur(4px);border-radius:50%;width:40px;height:6px;margin:0 auto 20px;animation:4s ease-in-out infinite shadowFloat}.login-view{background:radial-gradient(circle at 100% 0,#1e3a8a14,#0000 40%),radial-gradient(circle at 0 100%,#3b82f60d,#0000 40%);flex:1;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex;position:relative;overflow-y:auto}.login-card{border-radius:var(--radius-xl);text-align:center;width:100%;max-width:420px;margin:auto;padding:40px}.login-card h1{font-family:var(--font-heading);color:var(--accent-strong);margin-bottom:8px;font-size:2rem}.login-card>p{color:var(--muted);margin-bottom:32px;font-size:.95rem}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background:var(--surface);color:var(--text);outline:none;padding:12px 16px;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-warm);box-shadow:0 0 0 3px #3b82f626}.btn-primary{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;transition:all var(--dur-mid) cubic-bezier(.16, 1, .3, 1);border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #1e3a8a40}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-strong) 0%, #0f172a 100%);transform:translateY(-3px);box-shadow:0 12px 28px #1e3a8a66}.btn-primary:hover:after{left:150%}.btn-primary:active{transform:translateY(1px);box-shadow:0 4px 12px #1e3a8a4d}.btn-danger{border-radius:var(--radius-sm);color:#fff;font-family:var(--font-heading);cursor:pointer;transition:all var(--dur-mid) cubic-bezier(.16, 1, .3, 1);background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #dc26264d}.btn-danger:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c 0%,#7f1d1d 100%);transform:translateY(-3px);box-shadow:0 14px 32px #dc262673}.btn-danger:hover:after{left:150%}.btn-danger:active{transform:translateY(1px);box-shadow:0 4px 12px #dc262659}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-credentials{color:var(--muted);text-align:left;background:var(--accent-soft);border-radius:var(--radius-sm);border:1px dashed #1e3a8a33;margin-top:24px;padding:12px;font-size:.8rem}.demo-credentials ul{margin-top:6px;padding-left:20px}.demo-credentials li{cursor:pointer;color:var(--accent);margin-bottom:4px;text-decoration:underline;list-style:outside}.demo-credentials li:hover{color:var(--accent-strong)}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:100;background:#fffffff2;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;box-shadow:0 1px 4px #00000005}.dark .navbar{background:#141210f2}.brand{font-family:var(--font-heading);color:var(--accent-strong);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-left:-12px;padding:6px 12px;font-size:1.15rem;font-weight:700;transition:opacity .2s;display:flex}.brand:hover{background:var(--bg-alt)}.btn-switcher{background:var(--surface);border:1px solid var(--border);font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-switcher:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 2px 8px #0000000d}.btn-outline{border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-heading);cursor:pointer;transition:all var(--dur-mid) cubic-bezier(.16, 1, .3, 1);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000005}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.avatar{background:var(--accent);color:#fff;width:36px;height:36px;font-weight:700;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;display:flex}.main-content{background:var(--bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.scroll-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px}.hub-header{text-align:left;margin-bottom:40px}.hub-header h2{font-family:var(--font-heading);color:var(--text);letter-spacing:-.5px;margin-bottom:6px;font-size:2rem;font-weight:700}.hub-header p{color:var(--muted);margin:0;font-size:.95rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;z-index:1;flex-direction:column;align-items:flex-start;padding:32px 24px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:radial-gradient(circle at top right, var(--accent-soft), transparent 60%);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.tool-card:hover{box-shadow:var(--shadow-hover), var(--shadow-glow);border-color:#3b82f64d;transform:translateY(-8px)scale(1.02)}.tool-card:hover:before{opacity:1}.tool-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.tool-card:hover .tool-icon-wrapper{transform:scale(1.15)rotate(8deg);box-shadow:0 8px 24px #0000001a}.tool-card h3{font-family:var(--font-heading);color:var(--text);margin-bottom:10px;font-size:1.35rem;transition:color .3s}.tool-card:hover h3{color:var(--accent)}.tool-card p{color:var(--muted);flex:1;font-size:.95rem;line-height:1.6}.tool-card .launch-btn{color:var(--accent);opacity:0;align-items:center;gap:8px;margin-top:24px;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:translate(-15px)}.tool-card:hover .launch-btn{opacity:1;transform:translate(0)}.quick-actions-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:10;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;transform:translateY(10px)}.dark .quick-actions-overlay{background:#1e293be6}.tool-card:hover .quick-actions-overlay{opacity:1;pointer-events:auto;transform:translateY(0)}.tool-card-locked{position:relative;overflow:hidden;cursor:default!important}.tool-card-locked:hover{box-shadow:var(--shadow)!important;transform:none!important}.coming-soon-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:10;width:100%;height:100%;color:var(--text);letter-spacing:.3px;background:#ffffffe0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.9rem;font-weight:700;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;transform:scale(.96)}.dark .coming-soon-overlay{background:#0f172ae0}.tool-card-locked:hover .coming-soon-overlay{opacity:1;transform:scale(1)}.qa-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text);cursor:pointer;width:85%;box-shadow:var(--shadow);background:#fffffff2;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.dark .qa-btn{background:#1e293bf2}.qa-btn.primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;border:none}.qa-btn:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 8px 24px #00000026}.c-kartavya,.tool-color-indigo{color:#4f46e5;background:#eef2ff}.c-chitra,.tool-color-red{color:#ef4444;background:#fef2f2}.c-naksha,.tool-color-green{color:#10b981;background:#ecfdf5}.c-vidhya,.tool-color-orange{background:var(--accent-soft);color:#f59e0b}.c-vaani,.tool-color-purple{color:#8b5cf6;background:#f5f3ff}.c-jigyasa,.tool-color-teal{color:#16a34a;background:#f0fdf4}.c-guru,.tool-color-yellow{color:#d97706;background:#fef3c7}.c-transform,.tool-color-blue{color:#3b82f6;background:#eff6ff}.dark .tool-color-indigo{background:#4f46e526}.dark .tool-color-red{background:#ef444426}.dark .tool-color-green{background:#10b98126}.dark .tool-color-orange{background:#f59e0b26}.dark .tool-color-teal{background:#16a34a26}.dark .tool-color-yellow{background:#d9770626}.dark .tool-color-purple{background:#8b5cf626}.dark .tool-color-blue{background:#3b82f626}.usage-bar-wrapper{z-index:1;width:100%;margin-top:auto;padding-top:24px}.usage-text{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-bottom:6px;font-size:.75rem;font-weight:600;display:flex}.usage-track{background:var(--bg-alt);border-radius:999px;width:100%;height:6px;overflow:hidden}.usage-fill{background:var(--accent);border-radius:999px;height:100%}.iframe-breadcrumb{background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);z-index:10;align-items:center;gap:8px;padding:10px 32px;font-size:.85rem;font-weight:600;display:flex}.iframe-breadcrumb .active{color:var(--accent-strong)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.dark .skeleton{background:linear-gradient(90deg,#2a2520 25%,#36302a 50%,#2a2520 75%) 0 0/200% 100%}.skel-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:16px;width:240px;padding:24px;display:flex}.skel-main{flex-direction:column;flex:1;padding:32px;display:flex}.skel-header{border-radius:var(--radius-md);width:30%;height:40px;margin-bottom:32px}.skel-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.skel-card{border-radius:var(--radius-lg);height:160px}.skel-line{border-radius:4px;height:16px;margin-bottom:12px}.bespoke-loader{background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.bespoke-loader:before{content:"";background:radial-gradient(circle at center, var(--tool-color,var(--accent-soft)) 0%, transparent 70%);opacity:.15;animation:3s ease-in-out infinite pulseRing;position:absolute;inset:0}.bespoke-loader-icon{background:var(--tool-color-light,var(--surface));width:80px;height:80px;color:var(--tool-color-text,var(--accent));z-index:2;border:1px solid var(--tool-color-border,var(--border));border-radius:20px;justify-content:center;align-items:center;animation:3s ease-in-out infinite floatUp;display:flex;position:relative;box-shadow:0 16px 40px #0000001a}.bespoke-loader-text{font-family:var(--font-heading);color:var(--text);z-index:2;margin-top:32px;font-size:1.25rem;font-weight:700}.bespoke-loader-sub{color:var(--muted);z-index:2;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.admin-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.admin-header h2{font-family:var(--font-heading);color:var(--accent-strong);font-size:2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px}.stat-card h4{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem}.stat-card .val{font-family:var(--font-heading);color:var(--accent-strong);font-size:2rem;font-weight:700}.table-container{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);background:#f8fafc;padding:16px 24px;font-size:.85rem;font-weight:600}.dark th{background:var(--bg-alt)}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px 24px;font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover{background:#f7f5f080}.dark tr:hover{background:#ffffff08}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge.admin{color:#ef4444;background:#fef2f2}.badge.user{color:#4f46e5;background:#eef2ff}.tool-tag{color:var(--text-secondary);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;margin:2px;padding:4px 8px;font-size:.75rem;display:inline-block}@keyframes overlayIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@keyframes modalIn{0%{opacity:0;transform:scale(.93)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseDanger{0%,to{box-shadow:0 0 #dc262600}50%{box-shadow:0 0 0 12px #dc26261f}}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;animation:.25s forwards overlayIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:500px;max-height:90vh;padding:36px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalIn;overflow-y:auto;box-shadow:0 40px 100px #00000040,0 0 0 1px #ffffff0f}.modal-content.danger-modal{border-color:#dc262638;box-shadow:0 40px 100px #dc262624,0 0 0 1px #dc262614}.danger-icon-ring{color:#dc2626;background:radial-gradient(circle,#dc262626,#dc26260d);border:1px solid #dc262640;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;animation:2.5s ease-in-out infinite pulseDanger;display:flex}.audit-row{transition:background .15s}.audit-row:hover{background:#dc26260a!important}.cmd-overlay{z-index:9998;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:12vh;display:flex;position:fixed;top:0;left:0}.cmd-modal{background:var(--bg-alt);border-radius:var(--radius-lg);width:600px;max-width:90%;box-shadow:var(--shadow-modal);border:1px solid var(--border);overflow:hidden}.cmd-item{cursor:pointer;color:var(--text);align-items:center;gap:12px;padding:12px 24px;transition:background .1s;display:flex}.cmd-item:hover,.cmd-item.selected{background:var(--accent-soft)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-alt);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);pointer-events:auto;transform-origin:100% 100%;align-items:center;gap:12px;min-width:300px;padding:14px 20px;font-size:.9rem;font-weight:500;transition:all .4s cubic-bezier(.21,1.02,.73,1);display:flex}.toast.success{border-left:4px solid #10b981}.toast.info{border-left:4px solid var(--accent)}.toast.error{border-left:4px solid #ef4444}.profile-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:50;flex-direction:column;width:220px;margin-top:12px;display:flex;position:absolute;top:100%;right:0;overflow:hidden}.pd-header{border-bottom:1px solid var(--border);background:var(--bg-alt);padding:12px 16px}.pd-item{color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:background .2s;display:flex}.pd-item:hover{background:var(--bg-alt)}.pd-item.text-danger{color:#ef4444;border-top:1px solid var(--border)}.pd-item.text-danger:hover{background:#fef2f2}.dark .pd-item.text-danger:hover{background:#ef44441a}.app-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-modal);z-index:200;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.app-dropdown-item{text-align:center;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;padding:12px 8px;text-decoration:none;transition:all .2s;display:flex}.app-dropdown-item:hover{background:var(--bg-alt);border-color:var(--border);transform:translateY(-2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes float{0%,to{opacity:.4;transform:translateY(0)rotate(0)}50%{opacity:.8;transform:translateY(-30px)rotate(180deg)}}@keyframes pulseRing{0%{opacity:.4;transform:scale(1)}50%{opacity:.1;transform:scale(1.15)}to{opacity:.4;transform:scale(1)}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tool-error-container{background:radial-gradient(ellipse at center, #ef44440a 0%, var(--bg) 70%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.error-particle{background:#ef44441f;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.error-particle.p1{width:120px;height:120px;animation-delay:0s;top:15%;left:10%}.error-particle.p2{width:80px;height:80px;animation-delay:2s;top:60%;right:15%}.error-particle.p3{width:60px;height:60px;animation-delay:4s;bottom:20%;left:40%}.tool-error-card{z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:460px;padding:48px 40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards errorSlideIn;position:relative;box-shadow:0 20px 60px #00000014,0 0 80px #ef44440f}.error-icon-ring{color:#ef4444;background:#ef444414;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex;position:relative}.error-icon-pulse{border:2px solid #ef444440;border-radius:50%;animation:2.5s ease-in-out infinite pulseRing;position:absolute;inset:-6px}.error-title{font-family:var(--font-heading);color:var(--text);margin-bottom:8px;font-size:1.5rem;font-weight:700}.error-subtitle{color:var(--muted);margin-bottom:28px;font-size:1rem;line-height:1.6}.error-subtitle strong{color:var(--text)}.error-details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;margin-bottom:28px;padding:16px}.error-detail-row{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;display:flex}.error-detail-row svg{color:#f59e0b;flex-shrink:0}.error-url-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px}.error-url-box code{color:var(--accent-warm);word-break:break-all;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.error-actions{gap:12px;display:flex}.error-btn-retry{border-radius:var(--radius-sm);color:#fff;font-family:var(--font-heading);cursor:pointer;background:#ef4444;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #ef444440}.error-btn-retry:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 24px #ef444459}.error-btn-back{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-heading);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.error-btn-back:hover{background:var(--bg-alt);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.error-retry-count{color:var(--muted);margin-top:16px;font-size:.8rem}