:root,:root.light,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border:#e5e7eb;--border-light:#f1f5f9;--border-dark:#d1d5db;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--sidebar-item-hover:#f8fafc;--sidebar-item-active:#f0fdf4;--sidebar-item-active-border:#25d366;--sidebar-text-secondary:#64748b;--sidebar-text-muted:#94a3b8;--sidebar-icon:#64748b;--sidebar-icon-active:#25d366;--sidebar-section-gap:24px;--accent:#25d366;--accent-hover:#22c55e;--accent-light:#25d3661a;--accent-border:#25d36640;--success:#22c55e;--success-bg:#dcfce7;--success-border:#bbf7d0;--success-text:#166534;--error:#ef4444;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#991b1b;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-border:#fde68a;--warning-text:#92400e;--info:#3b82f6;--info-bg:#eff6ff;--info-border:#dbeafe;--info-text:#1e40af;--purple:#8b5cf6;--purple-bg:#8b5cf61a;--purple-border:#8b5cf640;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--overlay-bg:#0f172abf;--card-bg:#fff;--card-border:#e5e7eb;--card-shadow:0 1px 2px #0000000a;--input-bg:#fff;--input-border:#d1d5db;--input-focus:#0f172a;--input-placeholder:#94a3b8;--table-header-bg:#fff;--table-row-bg:#fff;--table-row-alt-bg:#f8fafc;--table-row-hover:#f8fafc}:root.dark,[data-theme=dark]{--bg-primary:#101010;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-hover:#181818;--bg-active:#1e1e1e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#101010;--border:#252525;--border-light:#1a1a1a;--border-dark:#333;--sidebar-bg:#101010;--sidebar-border:#1a1a1a;--sidebar-item-hover:#141414;--sidebar-item-active:#25d3661a;--sidebar-item-active-border:#25d366;--sidebar-text-secondary:#94a3b8;--sidebar-text-muted:#64748b;--sidebar-icon:#64748b;--sidebar-icon-active:#25d366;--sidebar-section-gap:24px;--accent:#25d366;--accent-hover:#22c55e;--accent-light:#25d36626;--accent-border:#25d3664d;--success:#22c55e;--success-bg:#22c55e26;--success-border:#22c55e4d;--success-text:#4ade80;--error:#ef4444;--error-bg:#ef444426;--error-border:#ef44444d;--error-text:#f87171;--warning:#f59e0b;--warning-bg:#f59e0b26;--warning-border:#f59e0b4d;--warning-text:#fbbf24;--info:#3b82f6;--info-bg:#3b82f626;--info-border:#3b82f64d;--info-text:#60a5fa;--purple:#a78bfa;--purple-bg:#8b5cf626;--purple-border:#8b5cf64d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 25px 50px -12px #000c;--scrollbar-track:#141414;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#444;--overlay-bg:#000000d9;--card-bg:#141414;--card-border:#222;--card-shadow:0 1px 2px #0006;--input-bg:#101010;--input-border:#2a2a2a;--input-focus:#3b82f6;--input-placeholder:#64748b;--table-header-bg:#141414;--table-row-bg:#141414;--table-row-alt-bg:#101010;--table-row-hover:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}html,body{background-color:var(--bg-secondary);min-width:0;min-height:100vh;color:var(--text-primary);margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.theme-transition,.theme-transition *{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}.login-left-panel{animation:.6s ease-out forwards fadeIn}.login-card{transition:transform .2s,box-shadow .2s}.login-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:380px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;background-color:var(--bg-primary);border:1.5px solid var(--border);color:var(--text-primary);box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:14px 16px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) toast-slide-in;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.toast-message{word-break:break-word;flex:1;line-height:1.4}.toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:6px;transition:all .15s;display:flex}.toast-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.toast-success{background-color:var(--bg-primary);border-color:#10b98166}.toast-success .toast-icon{color:var(--success);background-color:#10b98126}.toast-error{background-color:var(--bg-primary);border-color:#ef444466}.toast-error .toast-icon{color:var(--error);background-color:#ef444426}.toast-warning{background-color:var(--bg-primary);border-color:#f59e0b66}.toast-warning .toast-icon{color:var(--warning);background-color:#f59e0b26}.toast-info{background-color:var(--bg-primary);border-color:#25d36666}.toast-info .toast-icon{color:var(--accent);background-color:#25d36626}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media (width<=480px){.toast-container{width:auto;max-width:calc(100vw - 24px);top:70px;left:12px;right:12px}.toast{min-height:48px;padding:12px 14px;font-size:13px}}.login-page{background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);place-items:center;display:grid}.login-page .login-card{border:1px solid var(--border);background:var(--card-bg);width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:16px;padding:28px}.login-page input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}*{box-sizing:border-box}.app-container{background-color:var(--bg-secondary);width:100%;min-width:0;max-width:100%;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow-x:hidden}.page-content{box-sizing:border-box;min-width:0;max-width:100%;padding:24px 32px;overflow-x:hidden}.page-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border);box-sizing:border-box;width:100%;padding:16px 32px}.page-section{border-bottom:1px solid var(--border-light);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:100%;padding:32px 40px;display:flex;overflow:hidden}.page-section:last-child{border-bottom:none}.api-upload-block h3{color:var(--text-primary);margin:0 0 4px;font-size:18px}.api-upload-block p{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.api-upload-block .form-input{margin-bottom:12px}.api-upload-block textarea.form-textarea{min-height:160px;font-family:JetBrains Mono,monospace}.api-upload-block textarea.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.api-upload-block button{width:100%;margin-top:8px}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:100%;display:flex}.header-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.header-icon.green{background-color:var(--accent-light);border:1.5px solid var(--accent)}.header-icon.green svg{color:var(--accent)}.header-icon.purple{background-color:var(--purple-bg);border:1.5px solid var(--purple)}.header-icon.purple svg{color:var(--purple)}.header-icon.blue{background-color:var(--info-bg);border:1.5px solid var(--info)}.header-icon.blue svg{color:var(--info)}.header-icon.orange{background-color:#f973161a;border:1.5px solid #f97316}.header-icon.orange svg{color:#f97316}.header-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.header-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.card{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);box-sizing:border-box;border-radius:12px;width:100%;max-width:100%;padding:24px;position:relative}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:100%;display:grid}@media (width<=576px){.card-grid{grid-template-columns:1fr}}.card-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:24px;overflow:hidden}.card-body{background-color:var(--bg-secondary);border:1px solid var(--border);min-height:60px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin-bottom:14px;padding:12px;font-size:13px}.card-decorator-corner{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.card-decorator-corner.green{background-color:var(--accent-light)}.card-decorator-corner.green svg{color:var(--accent)}.card-decorator-corner.purple{background-color:var(--purple-bg)}.card-decorator-corner.purple svg{color:var(--purple)}.btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--accent);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.btn-purple{background-color:var(--purple);color:var(--text-inverse)}.btn-purple:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-dark)}.btn-danger{background-color:var(--error-bg);color:var(--error);border:1px solid var(--error-border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.btn-info{background-color:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.form-input,.form-textarea,.form-select{border:1px solid var(--input-border);box-sizing:border-box;background-color:var(--input-bg);width:100%;min-width:0;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.form-input.mono{font-family:monospace}.form-textarea{resize:vertical}.form-select{cursor:pointer}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--input-focus);box-shadow:0 0 0 2px var(--accent-light)}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.search-input{border:1px solid var(--border);background-color:var(--input-bg);box-sizing:border-box;width:100%;min-width:0;max-width:420px;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 14px 10px 38px;font-family:inherit;font-size:14px}.tabs-container{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab-btn{cursor:pointer;color:var(--text-secondary);background-color:#0000;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.tab-btn.green.active{border-bottom-color:var(--accent);color:var(--text-primary)}.tab-btn.purple.active{border-bottom-color:var(--purple);color:var(--text-primary)}.badge{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-approved{background-color:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.badge-pending{background-color:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.badge-rejected{background-color:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.badge-unknown{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border)}.badge-blue{background-color:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.alert-success{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600}.alert-error{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.alert-warn{background-color:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600}.empty-state{text-align:center;background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;padding:40px}.empty-state svg{margin-bottom:8px}.empty-state p{margin:0;font-size:14px}.loading-container{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-content{text-align:center;width:100%;max-width:320px}.loading-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative}.loading-pulse{border:2px solid var(--accent-light);border-radius:24px;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute}.loading-icon-box{background-color:var(--accent-light);border:1.5px solid var(--accent);width:56px;height:56px;box-shadow:var(--shadow-md);border-radius:16px;justify-content:center;align-items:center;display:flex}.loading-spinner{background-color:var(--bg-primary);border-radius:50%;padding:2px;position:absolute;bottom:-4px;right:-4px}.loading-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:700}.loading-subtitle{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500;line-height:1.6}.spin-anim{animation:1s linear infinite spin}.spin-small{animation:1s linear infinite spin;display:inline-block}.modal-overlay{background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:var(--card-bg);width:100%;max-width:560px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-xl);border:1px solid var(--card-border);box-sizing:border-box;border-radius:16px;padding:32px;animation:.3s ease-out modalSlideIn;position:relative;overflow:auto}@media (width<=1200px){.page-content,.page-header,.page-section{padding:24px}}@media (width<=768px){.page-content,.page-header,.page-section{padding:16px}.table-scroll{width:100%;display:block;overflow-x:auto}.table-scroll table{min-width:500px}.form-input,.form-textarea,.form-select{width:100%;min-width:0}.search-input{min-width:0;max-width:100%}.btn{min-height:44px}.header-container{gap:12px}.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-btn{white-space:nowrap;flex-shrink:0}}@media (width<=480px){.page-content,.page-header,.page-section{padding:12px}.modal-content{border-radius:14px;width:calc(100% - 32px);max-height:90dvh;padding:16px}.form-input,.form-textarea,.form-select{padding:12px 10px;font-size:16px}.btn{justify-content:center;width:100%}}@media (width<=360px){.page-content,.page-header,.page-section{padding:10px}.card{padding:16px}}