:root {
  --canvas:#f9fafb; --surface:#fff; --ink:#111827; --muted:#6b7280;
  --line:#e5e7eb; --teal:#0d9488; --dark:#0f766e; --radius:16px;
  --shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{transition:background .18s,box-shadow .18s,color .18s}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid #5eead4;outline-offset:3px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;z-index:99;background:white;padding:12px}.skip-link:focus{top:8px}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.35px}h1{font-size:26px;line-height:1.35;margin-bottom:6px}h2{font-size:18px;line-height:1.5;margin-bottom:12px}h3{font-size:16px;margin-bottom:8px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:8px}.heading-dot{display:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:var(--surface);border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #f3f4f6;font-size:20px;font-weight:700}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2dd4bf,#0d9488);color:white;box-shadow:0 4px 8px #14b8a633}.brand-mark .icon{width:23px;height:23px}.sidebar-body{flex:1;overflow:auto;padding:12px}.nav-caption{font-size:11px;color:#9ca3af;padding:14px 14px 8px;letter-spacing:.6px}.side-nav>a{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:12px;color:#4b5563;font-weight:500;margin:3px 0}.side-nav>a:hover{background:#f3f4f6;color:#111827}.side-nav>a.active{background:#f0fdfa;color:#0f766e}.side-nav>a.active .icon{color:#14b8a6}.sidebar-bottom{padding:16px;border-top:1px solid #f3f4f6}.sidebar-help{display:flex;gap:9px;color:#6b7280;font-size:12px;margin-bottom:18px}.sidebar-help .icon{width:17px;height:17px;margin-top:3px}.sidebar-help small{display:block;font-size:11px;color:#9ca3af;margin-top:3px}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid #f3f4f6;padding-top:16px}.sidebar-user>div{min-width:0}.sidebar-user strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sidebar-user small{font-size:11px;color:#9ca3af}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#ccfbf1;color:#0f766e;border-radius:50%;height:34px;width:34px;flex-shrink:0;font-weight:600}.app-shell{margin-left:256px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);gap:16px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:13px;white-space:nowrap}.breadcrumb>span{color:#9ca3af}.breadcrumb b{color:#d1d5db;font-weight:400}.breadcrumb strong{font-weight:500}.topbar-actions{display:flex;align-items:center;gap:20px;font-size:13px}.credit-pill{display:flex;align-items:center;gap:7px;color:#0f766e;border-radius:20px;background:#f0fdfa;padding:6px 12px}.credit-pill .icon{width:16px;height:16px}.text-link{color:#6b7280}.text-link:hover{color:var(--teal)}.icon-button{background:transparent;border:0;border-radius:8px;color:#6b7280;padding:8px;display:inline-flex}.menu-toggle{display:none}.main-content{padding:30px 32px 0;max-width:1580px;margin:auto;min-height:calc(100vh - 72px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading p{margin-bottom:0}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:40px;padding:22px 0;font-size:12px;color:#9ca3af;border-top:1px solid var(--line)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap}.button .icon{width:17px;height:17px}.button-dark,.button-lime{background:linear-gradient(100deg,#14b8a6,#0d9488);color:white;box-shadow:0 4px 6px #14b8a624}.button-dark:hover,.button-lime:hover{background:linear-gradient(100deg,#0d9488,#0f766e);box-shadow:0 6px 12px #14b8a62b}.button-outline{background:#fff;color:#4b5563;border-color:#e5e7eb;box-shadow:0 1px 2px #00000005}.button-outline:hover{background:#f9fafb;border-color:#d1d5db}.button-small{font-size:12px;padding:7px 12px;border-radius:8px}.button-full{width:100%}.button-danger{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.button-danger:hover{background:#fee2e2}
.panel,.stat-card,.overview-card{background:var(--surface);border:1px solid #edf0f2;border-radius:16px;box-shadow:var(--shadow)}.panel{padding:24px}.welcome-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #ccfbf1;border-radius:16px;background:linear-gradient(115deg,#f0fdfa,#ffffff 58%,#f0f9ff);padding:28px 30px;margin-bottom:24px}.welcome-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#0f766e;background:#ccfbf180;border:1px solid #99f6e4;border-radius:20px;padding:3px 10px;margin-bottom:12px}.tiny-dot{height:6px;width:6px;display:inline-block;background:#14b8a6;border-radius:50%}.welcome-panel h2{font-size:26px;line-height:1.3;margin-bottom:10px}.welcome-panel p{color:#6b7280;font-size:13px;max-width:380px;margin-bottom:20px}.welcome-steps{display:flex;align-items:center;gap:15px;text-align:center}.welcome-steps>div{min-width:100px}.welcome-steps strong{display:block;font-size:13px;font-weight:600;margin:10px 0 2px}.welcome-steps small{font-size:11px;color:#9ca3af}.step-icon{height:44px;width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.step-icon .icon{width:23px;height:23px}.teal{color:#0d9488;background:#ccfbf1}.blue{color:#3b82f6;background:#dbeafe}.purple{color:#8b5cf6;background:#ede9fe}.step-arrow{color:#cbd5e1;font-size:22px}.overview-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.overview-card{padding:20px;display:flex;align-items:center;gap:16px}.overview-card>div>span{font-size:12px;color:#6b7280;display:block}.overview-card strong{font-size:25px;font-weight:650;line-height:1.3;display:block;margin-top:4px}.overview-card strong small{font-size:12px;font-weight:400;color:#9ca3af}.section-heading,.table-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin-bottom:3px}.section-heading p{font-size:12px;margin-bottom:0}.count{display:inline-block;vertical-align:middle;font-size:11px;background:#f0fdfa;color:#0f766e;border-radius:5px;padding:0 6px;margin-left:5px}.search-form{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:5px 6px 5px 12px;width:310px}.search-form .icon{color:#9ca3af;width:17px;height:17px}.search-form input{min-width:0;flex:1;border:0;padding:6px 0;background:transparent;box-shadow:none;font-size:13px}.search-form button{border:0;background:#f3f4f6;color:#4b5563;border-radius:6px;font-size:12px;padding:5px 9px}.category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #f3f4f6}.category-tabs a{color:#6b7280;padding:5px 14px;border-radius:8px;font-size:12px}.category-tabs a:hover{background:#f9fafb}.category-tabs a.selected{color:#0f766e;background:#f0fdfa;font-weight:600}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.application-card{min-width:0;border:1px solid #e5e7eb;border-radius:14px;background:#fff;transition:box-shadow .2s,border-color .2s}.application-card:hover{border-color:#99f6e4;box-shadow:0 8px 20px #14b8a60d}.application-body{padding:20px}.app-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-symbol{color:#fff;background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 4px 8px #14b8a629}.app-thumbnail{width:44px;height:44px;border-radius:12px;object-fit:cover}.app-description{font-size:13px;line-height:1.7;color:#6b7280;min-height:44px;margin-bottom:14px;overflow-wrap:anywhere}.app-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:11px}.app-tags span{background:#f3f4f6;color:#6b7280;padding:2px 7px;border-radius:5px}.app-tags .update-tag{background:#fff7ed;color:#c2410c}.app-card-footer{margin-top:20px;border-top:1px solid #f3f4f6;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.app-card-footer>span{display:flex;gap:5px;align-items:center;font-size:11px;color:#9ca3af}.app-card-footer>span .icon{width:14px;height:14px}.bottom-note{display:flex;align-items:center;gap:12px;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:14px 18px;margin-top:20px;color:#3b82f6;font-size:12px}.bottom-note>div{flex:1}.bottom-note strong{margin-right:10px;font-weight:500;color:#1d4ed8}.bottom-note span{color:#64748b}.empty-state{grid-column:1/-1;text-align:center;padding:40px 20px}.empty-state>.icon{width:36px;height:36px;color:#cbd5e1;margin-bottom:16px}.empty-state h3{font-weight:500}.empty-state p{font-size:13px}
.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.workspace-panel h2{margin-bottom:24px}.field-group{margin-bottom:20px}.field-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:7px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;color:#111827;background:#fff;max-width:100%;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#9ca3af}input:focus,select:focus,textarea:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.field-group>input,.field-group>select,.field-group>textarea{width:100%}.search-form input:not([type=checkbox]){border:0;padding:5px 0;border-radius:0;box-shadow:none}.dropzone{border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;text-align:center;padding:34px 20px;color:#6b7280}.dropzone.dragging{background:#f0fdfa;border-color:#14b8a6}.dropzone>.icon{height:36px;width:36px;color:#14b8a6;margin-bottom:12px}.dropzone strong{display:block;font-size:14px;color:#374151}.dropzone p{font-size:12px;margin:6px 0 20px}.dropzone input{font-size:12px;width:auto;max-width:100%}.dropzone input::file-selector-button{border:1px solid #d1d5db;border-radius:8px;background:white;padding:8px 12px;margin-right:10px;color:#374151;cursor:pointer}.file-summary{color:#6b7280;font-size:12px;margin:12px 0}.file-list{list-style:none;padding:0;max-height:240px;overflow:auto;margin:0}.file-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:12px}.file-list li span:first-child{overflow-wrap:anywhere}.file-list li span:last-child{white-space:nowrap;color:#9ca3af}.form-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f3f4f6;padding-top:20px;margin-top:24px;gap:15px}.form-footer>span{font-size:12px;color:#9ca3af}.app-facts{margin:0}.app-facts>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f3f4f6;font-size:12px}.app-facts dt{color:#9ca3af}.app-facts dd{margin:0;text-align:right}.aside-note{margin-top:20px;padding:20px;border-radius:12px;background:#f0fdfa;border:1px solid #ccfbf1;color:#0f766e}.aside-note>.icon{margin-bottom:10px}.aside-note h3{font-size:13px}.aside-note p{color:#6b7280;font-size:12px;margin:0}.update-notice{background:#fffbeb;border:1px solid #fde68a;padding:12px 16px;border-radius:10px;margin-bottom:20px;color:#92400e;font-size:13px}.stat-card{padding:22px}.stat-label{display:flex;gap:10px;align-items:center;color:#6b7280;font-size:13px}.stat-label .icon{color:#14b8a6}.stat-value{font-size:30px;font-weight:650;margin-top:10px}.stat-hint{font-size:11px;color:#9ca3af;margin:4px 0 0}.table-panel{padding:0;overflow:hidden}.table-heading{padding:20px 24px;margin:0;border-bottom:1px solid #f3f4f6}.table-heading h2{margin:0;font-size:16px}.table-heading>span{font-size:12px;color:#9ca3af}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f9fafb;color:#6b7280;font-weight:500;font-size:12px;padding:13px 20px;border-bottom:1px solid #e5e7eb;white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid #f3f4f6}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}td a{color:#0d9488;font-weight:500}.nowrap{white-space:nowrap}.table-subline{display:block;font-size:11px;color:#9ca3af;margin-top:3px;max-width:320px;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:500;border-radius:6px;padding:3px 8px;color:#6b7280;background:#f3f4f6;white-space:nowrap}.status-SUCCESS{color:#15803d;background:#dcfce7}.status-RUNNING,.status-SUBMITTED{color:#2563eb;background:#dbeafe}.status-QUEUED,.status-PENDING,.status-WAITING_BILLING,.status-CANCEL_REQUESTED,.status-PARTIAL{color:#b45309;background:#fef3c7}.status-FAILED{color:#dc2626;background:#fee2e2}.table-empty{text-align:center;padding:48px 20px;color:#9ca3af;font-size:13px}.table-empty>.icon{height:32px;width:32px;color:#cbd5e1;margin-bottom:10px}.table-empty p{margin-bottom:18px}.download-link{display:inline-flex;gap:4px;align-items:center;margin:4px 10px 4px 0;white-space:nowrap}.download-link .icon{width:15px;height:15px}
.wallet-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.wallet-balance{padding:30px;border:1px solid #99f6e4;border-radius:16px;background:linear-gradient(130deg,#f0fdfa,#fff);display:flex;flex-direction:column}.wallet-balance .eyebrow{color:#0f766e;font-size:14px}.balance-number{font-size:48px;font-weight:650;color:#0f766e;margin:20px 0 4px;line-height:1.3;overflow-wrap:anywhere}.balance-number small{display:block;font-size:13px;font-weight:400;color:#6b7280;margin-top:8px}.balance-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:auto;border-top:1px solid #ccfbf1;padding-top:20px;font-size:12px;color:#0f766e}.recharge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.recharge-heading h2{margin:0}.recharge-heading>span{font-size:11px;color:#9ca3af}.recharge-note{font-size:11px;color:#9ca3af;text-align:center;margin:12px 0 0}.form-narrow{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.form-grid .wide{grid-column:1/-1}.field-help,.helptext{font-size:12px;color:#9ca3af;margin:6px 0 0}.errorlist{list-style:none;padding:0;color:#dc2626;font-size:12px;margin:6px 0}.alert{padding:13px 17px;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:20px;background:#eff6ff;color:#1d4ed8;font-size:13px}.alert.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.alert.warning{background:#fffbeb;color:#92400e;border-color:#fde68a}
.auth-page{min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#ccfbf180,transparent 50%),radial-gradient(ellipse at 90% 80%,#e0e7ff66,transparent 45%),linear-gradient(130deg,#f9fafb,#f0fdfa55,#f3f4f6)}.auth-layout{width:100%;max-width:448px;padding:55px 0 25px;margin:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand .brand-mark{width:58px;height:58px;border-radius:16px;margin-bottom:14px;box-shadow:0 8px 18px #14b8a633}.auth-brand .icon{width:32px;height:32px}.auth-brand h1{font-size:28px;color:#0d9488}.auth-brand p{font-size:13px;color:#6b7280;margin:5px 0 0}.auth-form-wrap{padding:30px 32px;background:#ffffffc9;border:1px solid #fff;border-radius:16px;box-shadow:0 8px 32px #0000000a;backdrop-filter:blur(20px)}.auth-intro{margin-bottom:24px;text-align:center}.auth-intro h2{font-size:22px;margin-bottom:6px}.auth-intro p{color:#6b7280;font-size:13px;margin:0}.auth-intro a{color:#0d9488;margin-left:7px}.auth-form .field-group{margin-bottom:19px}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:58px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:11px;color:#6b7280;padding:5px}.auth-form .button-full{margin-top:7px}.auth-assurance{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#9ca3af;margin-top:20px}.auth-assurance .icon{width:14px;height:14px}.auth-bottom{text-align:center;font-size:11px;color:#9ca3af;margin:24px 0 0}.auth-back{position:absolute;top:24px;left:28px;font-size:12px;color:#6b7280}.auth-form .errorlist{margin-bottom:14px}
@media(min-width:1550px){.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1250px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-steps{gap:8px}.welcome-steps>div{min-width:76px}.welcome-steps small{display:none}.welcome-panel h2{font-size:23px}.main-content{padding:26px 24px 0}.workspace-layout{grid-template-columns:minmax(0,1fr) 250px}.topbar{padding:0 24px}}
@media(max-width:1000px){.welcome-steps{display:none}.workspace-layout{grid-template-columns:1fr}.workspace-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.aside-note{margin-top:0}.overview-grid,.stat-grid{gap:12px}.overview-card{padding:16px;gap:10px}.overview-card .step-icon{width:36px;height:36px}.overview-card strong{font-size:22px}.wallet-layout{grid-template-columns:1fr}.balance-bottom{margin-top:25px}.section-heading{align-items:flex-start;flex-direction:column}.search-form{width:100%}.app-grid{gap:14px}.panel{padding:20px}.table-panel{padding:0}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 30px #0f172a14}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:inline-flex}.topbar{height:64px;padding:0 16px}.breadcrumb{gap:7px}.breadcrumb>span,.breadcrumb>b{display:none}.topbar-actions{gap:12px;font-size:12px}.credit-pill{font-size:11px;padding:5px 8px}.credit-pill .icon{display:none}.main-content{padding:22px 16px 0}.page-heading{gap:14px;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading>.button{font-size:12px;padding:8px 10px}.welcome-panel{padding:24px}.welcome-panel h2{font-size:24px}.overview-card{display:block;padding:14px}.overview-card .step-icon{width:32px;height:32px;margin-bottom:10px}.overview-card .step-icon .icon{width:18px;height:18px}.overview-card>div>span{font-size:11px}.overview-card strong{font-size:24px}.stat-card{padding:14px}.stat-label{font-size:11px;gap:5px}.stat-label .icon{width:16px;height:16px}.stat-value{font-size:25px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card-footer>span{display:none}.app-card-footer>.button{width:100%}.bottom-note{align-items:flex-start}.bottom-note strong,.bottom-note span{display:block}.workspace-aside{display:block}.aside-note{margin-top:18px}.page-footer{font-size:10px}.auth-layout{max-width:448px;padding:75px 20px 20px}.auth-form-wrap{padding:26px 24px}.auth-back{top:20px;left:20px}.form-grid{grid-template-columns:1fr}}
@media(max-width:460px){.app-grid{grid-template-columns:1fr}.app-card-footer>span{display:flex}.app-card-footer>.button{width:auto}.panel{padding:18px}.table-panel{padding:0}.application-body{padding:18px}.overview-grid,.stat-grid{gap:8px}.overview-card{padding:12px 10px}.overview-card strong{font-size:22px}.overview-card strong small{font-size:10px}.recharge-heading{display:block}.recharge-heading>span{display:block;margin-top:4px}.form-footer{align-items:flex-start;flex-direction:column}.form-footer .button{width:100%}.wallet-balance{padding:24px}.balance-number{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.auth-form input{width:100%}.field-help{font-size:12px;color:#9ca3af}.form-error{margin-bottom:18px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}
.theme-toggle{border:0;background:transparent;color:#6b7280;border-radius:8px;padding:7px 9px;font-size:12px;white-space:nowrap}.theme-toggle:hover{background:#f3f4f6}.auth-theme{position:absolute;right:22px;top:18px}
html[data-theme=dark]{--canvas:#0b1120;--surface:#111827;--ink:#f1f5f9;--muted:#94a3b8;--line:#263244;--shadow:0 1px 3px #0003;color-scheme:dark}
[data-theme=dark] body{background:radial-gradient(ellipse at 85% 0%,#14b8a60a,transparent 48%),var(--canvas)}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar{background:#0f172a;border-color:#1e293b}
[data-theme=dark] .brand,[data-theme=dark] .sidebar-bottom,[data-theme=dark] .sidebar-user{border-color:#1e293b}
[data-theme=dark] .side-nav>a{color:#cbd5e1}[data-theme=dark] .side-nav>a:hover{background:#1e293b;color:#fff}[data-theme=dark] .side-nav>a.active{background:#14b8a61a;color:#2dd4bf}
[data-theme=dark] .credit-pill,[data-theme=dark] .avatar{background:#14b8a61a;color:#5eead4}[data-theme=dark] .breadcrumb>span,[data-theme=dark] .text-link,[data-theme=dark] .sidebar-help{color:#94a3b8}
[data-theme=dark] .theme-toggle{color:#94a3b8}[data-theme=dark] .theme-toggle:hover{background:#1e293b}
[data-theme=dark] .panel,[data-theme=dark] .stat-card,[data-theme=dark] .overview-card{background:#1e293b80;border-color:#33415580}
[data-theme=dark] .welcome-panel{background:radial-gradient(ellipse at 90% 20%,#14b8a61c,transparent 65%),linear-gradient(120deg,#172133,#111827);border-color:#33415580}
[data-theme=dark] .welcome-label{background:#14b8a614;border-color:#14b8a640;color:#5eead4}[data-theme=dark] .welcome-panel p{color:#94a3b8}
[data-theme=dark] .step-icon.teal{background:#14b8a624;color:#2dd4bf}[data-theme=dark] .step-icon.blue{background:#3b82f629;color:#60a5fa}[data-theme=dark] .step-icon.purple{background:#8b5cf629;color:#a78bfa}
[data-theme=dark] .step-arrow{color:#475569}[data-theme=dark] .overview-card>div>span,[data-theme=dark] .stat-label{color:#94a3b8}
[data-theme=dark] .search-form{background:#0f172a80;border-color:#334155}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=dark] select,[data-theme=dark] textarea{background:#0f172a80;border-color:#334155;color:#e2e8f0}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b}[data-theme=dark] .search-form input:not([type=checkbox]){border:0;background:transparent}
[data-theme=dark] .search-form button{background:#334155;color:#cbd5e1}[data-theme=dark] .category-tabs{border-color:#33415580}[data-theme=dark] .category-tabs a{color:#94a3b8}[data-theme=dark] .category-tabs a.selected{background:#14b8a61a;color:#2dd4bf}[data-theme=dark] .category-tabs a:hover{background:#1e293b}
[data-theme=dark] .application-card{background:#1e293b66;border-color:#33415580}[data-theme=dark] .application-card:hover{border-color:#14b8a680;box-shadow:0 8px 24px #14b8a60d}[data-theme=dark] .app-description{color:#94a3b8}
[data-theme=dark] .app-tags span,[data-theme=dark] .status-badge{background:#33415580;color:#cbd5e1}[data-theme=dark] .app-tags .update-tag{background:#f59e0b22;color:#fbbf24}
[data-theme=dark] .app-card-footer,[data-theme=dark] .form-footer,[data-theme=dark] .app-facts>div,[data-theme=dark] .file-list li{border-color:#33415580}
[data-theme=dark] .count{background:#14b8a61a;color:#2dd4bf}[data-theme=dark] .button-outline{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .button-outline:hover{background:#334155}
[data-theme=dark] .bottom-note{background:#3b82f60d;border-color:#3b82f629;color:#60a5fa}[data-theme=dark] .bottom-note strong{color:#93c5fd}[data-theme=dark] .bottom-note span{color:#94a3b8}
[data-theme=dark] .field-group label{color:#cbd5e1}[data-theme=dark] .dropzone{background:#0f172a66;border-color:#334155}[data-theme=dark] .dropzone strong{color:#e2e8f0}[data-theme=dark] .dropzone.dragging{background:#14b8a61a;border-color:#14b8a6}[data-theme=dark] .dropzone input::file-selector-button{background:#1e293b;border-color:#475569;color:#cbd5e1}
[data-theme=dark] .aside-note{background:#14b8a60d;border-color:#14b8a629;color:#5eead4}[data-theme=dark] .aside-note p{color:#94a3b8}
[data-theme=dark] th{background:#0f172a80;color:#94a3b8;border-color:#33415580}[data-theme=dark] td,[data-theme=dark] .table-heading{border-color:#33415566}[data-theme=dark] tbody tr:hover{background:#1e293b}[data-theme=dark] td a{color:#2dd4bf}
[data-theme=dark] .status-SUCCESS{background:#22c55e22;color:#4ade80}[data-theme=dark] .status-RUNNING,[data-theme=dark] .status-SUBMITTED{background:#3b82f622;color:#60a5fa}[data-theme=dark] .status-QUEUED,[data-theme=dark] .status-PENDING,[data-theme=dark] .status-WAITING_BILLING,[data-theme=dark] .status-CANCEL_REQUESTED,[data-theme=dark] .status-PARTIAL{background:#f59e0b22;color:#fbbf24}[data-theme=dark] .status-FAILED{background:#ef444422;color:#f87171}
[data-theme=dark] .wallet-balance{background:linear-gradient(135deg,#14b8a61a,#1e293b80);border-color:#14b8a640}[data-theme=dark] .wallet-balance .eyebrow,[data-theme=dark] .balance-number{color:#5eead4}[data-theme=dark] .balance-bottom{border-color:#14b8a633;color:#5eead4}
[data-theme=dark] .alert{background:#3b82f61a;border-color:#3b82f640;color:#93c5fd}[data-theme=dark] .alert.error,[data-theme=dark] .form-error,[data-theme=dark] .button-danger{background:#ef44441a;border-color:#ef444440;color:#fca5a5}[data-theme=dark] .alert.success{background:#22c55e1a;border-color:#22c55e40;color:#86efac}[data-theme=dark] .alert.warning{background:#f59e0b1a;border-color:#f59e0b40;color:#fcd34d}
[data-theme=dark] .auth-page{background:radial-gradient(ellipse at 85% 0%,#14b8a633,transparent 40%),radial-gradient(ellipse at 15% 90%,#3b82f61a,transparent 40%),linear-gradient(135deg,#030712,#0f172a)}
[data-theme=dark] .auth-form-wrap{background:#1e293bb3;border-color:#33415580;box-shadow:0 8px 32px #0003}[data-theme=dark] .auth-brand h1{color:#2dd4bf}[data-theme=dark] .auth-intro a{color:#2dd4bf}[data-theme=dark] .auth-brand p,[data-theme=dark] .auth-intro p,[data-theme=dark] .password-toggle{color:#94a3b8}
@media(max-width:460px){.topbar-actions{gap:8px}.topbar-actions .theme-toggle{font-size:11px;padding:5px 2px}.topbar-actions .credit-pill{font-size:10px}}
.dropzone.unavailable{background:#f9fafb;border-style:solid;opacity:.7}.dropzone.unavailable>.icon{color:#9ca3af}.update-notice strong{font-weight:600}@media (prefers-color-scheme:dark){.dropzone.unavailable{background:#0f172a80}}
.app-tags .sync-tag{background:#fef3c7;color:#b45309}.app-tags .ready-tag{background:#ecfdf5;color:#047857}
[data-theme=dark] .app-tags .sync-tag{background:#f59e0b22;color:#fbbf24}[data-theme=dark] .app-tags .ready-tag{background:#22c55e22;color:#4ade80}