.hamburger{cursor:pointer;display:none;font-size:24px;padding:12px;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.nav-tabs{gap:1px!important;padding:0 8px!important}.nav-tab{font-size:13px!important;padding:10px 12px!important}}@media(max-width:786px){.nav-tabs{flex-wrap:wrap;gap:6px;justify-content:center!important;padding:4px 8px}.nav-tab{flex:1 1 auto;font-size:12px!important;min-width:90px;padding:8px!important}}@media (max-width:480px){.hamburger{display:block}.nav-tabs{background:#fff;display:none!important;flex-direction:column;left:0;position:absolute;top:50px;width:100%;z-index:100}.nav-tabs.open{display:flex!important}.nav-tab{justify-content:center;width:100%}}@media (min-width:481px) and (max-width:768px){.hamburger{display:none}.nav-tabs{display:flex!important;flex-wrap:wrap;justify-content:center}}.left_panel{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;width:320px}@media(max-width:1024px){.left_panel{min-width:200px;width:240px}}@media(max-width:786px){.left_panel{min-width:200px;width:240px}}.mobile-only{display:none}@media (max-width:480px){.left_panel{border-right:none;width:100%}.mobile-only{display:block}}@media (max-width:768px){.left_panel input{font-size:13px;padding:8px 12px 8px 36px}}@media(max-width:1024px){.main-panel{padding:10px!important}.main-panel.empty{padding:20px!important}}@media(max-width:768px){.main-panel{padding:5px!important}.main-panel h2{font-size:20px!important}.main-panel p{font-size:14px!important}}@media (max-width:480px){.main-panel-wrapper.has-selection{display:none!important}.mobile-only{display:block}}@media (min-width:481px){.mobile-only{display:none}}@media (max-width:768px){.main-panel-wrapper{display:none!important}}.main-content{display:flex;flex:1 1;overflow:hidden}@media (max-width:768px){.main-content{flex-direction:column}.left-panel{width:100%!important}}*{box-sizing:border-box;font-family:Roboto,sans-serif}body,html{height:100%;margin:0;overflow:hidden}.welcome-wrapper{background:linear-gradient(135deg,#e8f0ff,#d7e3fc);color:#1a237e;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}.welcome-inner,.welcome-wrapper{display:flex;justify-content:space-between}.welcome-inner{align-items:center;flex:1 1;padding:80px 100px}.welcome-text{animation:fadeInLeft 1s ease-in-out;max-width:600px}.welcome-text h1{color:#0d47a1;font-size:50px;line-height:1.2;margin-bottom:20px}.welcome-text h1 span{color:#1565c0}.welcome-text p{color:#2c387e;font-size:18px;line-height:1.8;margin-bottom:30px}.features{color:#283593;display:flex;flex-direction:column;font-size:16px;gap:12px;margin-bottom:40px}.features div{align-items:center;display:flex;gap:12px;position:relative}.features div:before{display:inline-block;font-size:22px;min-width:24px;position:relative;text-align:center;top:1px}.start-btn{background-color:#ff6d00;border:none;border-radius:25px;box-shadow:0 4px 12px #ff6d004d;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:14px 36px;transition:.3s ease}.start-btn:hover{background-color:#e65100;box-shadow:0 6px 16px #ff6d0066;transform:translateY(-2px)}.welcome-image{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.home-image{animation:float 3s ease-in-out infinite;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.15));height:500px;mix-blend-mode:multiply;object-fit:contain;opacity:1;padding:8px;transition:all .3s ease;width:650px}footer{background-color:#f0f4ffb3;border-top:1px solid #c5cae9;color:#3949ab;font-size:14px;padding:20px;text-align:center}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:900px){.welcome-inner{flex-direction:column;padding:50px 20px;text-align:center}.welcome-text h1{font-size:36px}.home-image{height:250px;margin-top:40px;width:350px}.features div{justify-content:center}}.admin-nav{background-color:#1e2a47;border-radius:0 12px 12px 0;box-shadow:2px 0 8px #0003;box-sizing:border-box;color:#cbd5e1;font-family:Segoe UI,sans-serif;height:100vh;left:0;padding:20px;position:fixed;top:0;width:260px;z-index:101}.admin-nav,.tabs{display:flex;flex-direction:column}.tabs{gap:10px}.tab-item{color:#cbd5e1;cursor:pointer;display:flex;gap:10px;padding:10px}.tab-item.active{background-color:#3b82f6;color:#fff}.logout{align-items:center;background-color:#f1f5f9;border-radius:8px;color:#1e293b;cursor:pointer;margin-left:auto;margin-right:120px;padding:10px;position:relative}.user-popup{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;color:#000;display:flex;flex-direction:column;gap:4px;left:50%;padding:12px;position:absolute;top:60px;transform:translateX(-50%);width:200px;z-index:999}.user-popup button{border:none;border-radius:4px;cursor:pointer;margin-top:10px;padding:6px}.user-popup button:hover{background:#e14c5b}.admin-topbar{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:260px;padding:0 20px;position:fixed;top:0;width:calc(100% - 260px);z-index:100}.users-page{font-family:Inter,sans-serif;margin:auto;max-width:1300px;padding:40px}.title{color:#1e293b;font-size:38px;font-weight:700}.subtitle,.title{text-align:center}.subtitle{color:#64748b;font-size:16px;margin-top:5px}.toolbar{flex-wrap:wrap;gap:15px;margin:35px 0}.search-box,.toolbar{align-items:center;display:flex}.search-box{background:#fff;border:1px solid #cfd6e1;border-radius:30px;gap:8px;padding:10px 14px;width:260px}.search-box input{border:none;outline:none;width:100%}.filter-chip{align-items:center;background:#fff;border:1px solid #cfd6e1;border-radius:30px;cursor:pointer;display:flex;gap:6px;padding:10px 16px}.toolbar-right{display:flex;gap:12px;margin-left:auto}.export-btn{background:#fff;border:1px solid #cfd6e1;padding:10px 20px}.add-btn,.export-btn{border-radius:30px;cursor:pointer}.add-btn{background:#0a65cc;border:none;color:#fff;padding:10px 22px}.user-table{background:#fff;border-collapse:collapse;border-radius:12px;margin-top:10px;overflow:hidden;width:100%}.user-table thead{background:#eef3f8}.user-table th{color:#475569;font-size:14px;font-weight:600;padding:14px;text-align:left}.user-table td{border-bottom:1px solid #eef0f4;font-size:14px;padding:14px}.status-chip{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.status-chip.active{background:#22c55e}.status-chip.inactive{background:#94a3b8}.status-chip.pending{background:#1e3a8a}.status-chip.banned{background:#ef4444}.status-chip.suspended{background:#f97316}.edit-icon{color:#0a65cc;cursor:pointer}.delete-icon{color:#dc2626;cursor:pointer}.pagination{align-items:center;color:#475569;display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.page-number{font-weight:700}.filter-wrapper{align-items:center;display:flex;flex-direction:row;gap:10px}.filter-chip{position:relative}.filter-dropdown{background:#fff;border:1px solid #cfd6e1;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;min-width:150px;padding:5px 0;position:absolute;top:120%;z-index:10}.filter-dropdown div{color:#475569;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.filter-dropdown div:hover{background:#eef3f8}.filter-dropdown div:last-child{border-top:1px solid #cfd6e1;color:#0a65cc;font-weight:600;text-align:center}.form-modal{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.import-dashboard{background:#f6f8fc;margin-top:60px;min-height:100vh;padding:24px}.dashboard-header{margin-bottom:18px}.dashboard-header h1{font-size:22px}.upload-bar{align-items:center;display:flex;gap:12px;margin-bottom:18px}.upload-actions-right{display:flex;gap:10px;margin-left:auto}.btn-outline{background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 16px}.btn-primary{background:#000;color:#fff;padding:8px 18px}.btn-primary,.btn-secondary{border:none;border-radius:6px}.btn-secondary{background:#e6e9f2;padding:8px 14px}.btn-danger{background:#fdd;border:none;border-radius:6px;padding:8px 14px}.file-table-wrapper{background:#fff;border-radius:14px;max-height:350px;overflow-y:auto;padding:18px;scrollbar-gutter:stable}.file-table{border-collapse:collapse;table-layout:fixed;text-align:center;width:100%}.file-table tbody tr{border-bottom:1px solid #ddd}.file-table td{padding:16px 12px}.file-table th{background:#f1f3f7;font-weight:600;padding:14px 12px}.file-table td:first-child,.file-table th:first-child{max-width:40px;min-width:40px;width:40px}.file-table td:last-child,.file-table th:last-child{max-width:180px;min-width:180px;width:180px}.status-badge{border-radius:12px;font-size:12px;padding:4px 10px}.status-badge.success{background:#d9fbe5;color:green}.status-badge.error{background:#ffe0e0;color:red}.status-badge.uploading{background:#e1e8ff;color:#333}.actions{align-items:center;display:flex;gap:12px;justify-content:center;white-space:nowrap}.delete-icon,.edit-icon{cursor:pointer;font-size:16px}.status-panel{background:#f4f6fb;border-radius:16px;margin-top:24px;padding:20px}.status-card{background:#fff;border-radius:12px;margin-bottom:12px;padding:14px}.progress-bar{background:#ddd;border-radius:6px;height:6px;margin:6px 0}.progress-fill{background:#000;border-radius:6px;height:6px}.success-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-top:8px}.error-text{color:red;font-size:13px}.empty-state{color:gray;padding:30px;text-align:center}.choose-file-display{background:#f7faff;border:2px dashed #ccc;border-radius:10px;cursor:pointer;min-width:250px;padding:20px;text-align:center;transition:background .2s,border-color .2s}.choose-file-display:hover{background:#e8f1ff}.choose-file-display.drag-over{background:#f0f8ff;border-color:#4a90e2}.sort-dropdown{background:#fff;border:1px solid #cfd6e1;border-radius:8px;box-shadow:0 4px 12px #0000001f;left:0;min-width:180px;position:absolute;top:110%;z-index:20}.sort-dropdown div{cursor:pointer;padding:10px 14px}.sort-dropdown div:hover{background:#eef3f8}.top-right-controls{align-items:center;display:flex;gap:8px;margin-left:auto}.compact-search{padding:8px 12px;width:220px}.sort-wrapper{position:relative}.sort-dropdown{left:auto;right:0}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fafbfd;--color-cream-100:#f3f6fa;--color-gray-200:#e6ecf5;--color-gray-300:#c8d3e6;--color-gray-400:#7887a0;--color-slate-500:#64738c;--color-slate-900:#19233c;--color-charcoal-700:#162341;--color-charcoal-800:#111c37;--color-teal-300:#8caaff;--color-teal-400:#1e5aff;--color-teal-500:#184cd7;--color-teal-600:#1441b9;--color-teal-700:#11379b;--color-teal-800:#0e2d7d;--color-brown-600:#7887a0;--color-red-400:#ff4848;--color-red-500:#d2232d;--color-orange-400:#ffaa50;--color-orange-500:#e68c32;--color-success-green:#22c55e;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-btn-primary-text:var(--color-white);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.18);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-success-green);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{-webkit-font-smoothing:antialiased;background-color:#fafbfd;background-color:var(--color-background);box-sizing:border-box;color:#19233c;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#19233c;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#184cd7;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1441b9;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e52402e;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#184cd7;background:var(--color-primary);color:#fff;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1441b9;background:var(--color-primary-hover)}.btn--primary:active{background:#11379b;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#19233c;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e52402e;border:1px solid var(--color-border);color:#19233c;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#f3f6fa;background-color:var(--color-surface);border:1px solid #5e52402e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#19233c;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#184cd7;border-color:var(--color-primary);outline:2px solid #184cd7;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#f3f6fa;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#22c55e;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#d2232d;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#e68c32;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#64738c;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #184cd7;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.image-management-container{background:#fafbfd;background:var(--color-background);color:#19233c;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-height:100vh;padding:32px;padding:var(--space-32)}.im-header{margin-bottom:32px;margin-bottom:var(--space-32)}.im-header h1{color:#19233c;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0 0 8px;margin:0 0 var(--space-8) 0}.im-header p{color:#64738c;color:var(--color-text-secondary);line-height:1.5;line-height:var(--line-height-normal);margin:0}.im-alert,.im-header p{font-size:14px;font-size:var(--font-size-md)}.im-alert{align-items:center;animation:slideDown .25s cubic-bezier(.16,1,.3,1);animation:slideDown var(--duration-normal) var(--ease-standard);border:1px solid;border-radius:8px;border-radius:var(--radius-base);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-24);padding:16px;padding:var(--space-16)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.im-alert-error{background-color:#c0152f14;background-color:rgba(var(--color-error-rgb),.08);border-color:#c0152f33;border-color:rgba(var(--color-error-rgb),.2);color:#d2232d;color:var(--color-error)}.im-alert-success{background-color:#21808d14;background-color:rgba(var(--color-success-rgb),.08);border-color:#21808d33;border-color:rgba(var(--color-success-rgb),.2);color:#22c55e;color:var(--color-success)}.im-alert-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font-size:20px;font-size:var(--font-size-2xl);height:32px;height:var(--space-32);justify-content:center;padding:0;transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard);width:32px;width:var(--space-32)}.im-alert-close:hover{background-color:#13343b0d;background-color:rgba(var(--color-slate-900-rgb),.05)}.im-alert-close:focus-visible{outline:2px solid #184cd7;outline:var(--focus-outline);outline-offset:2px;outline-offset:var(--space-2)}.im-upload-section{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:1fr 1fr;margin-bottom:32px;margin-bottom:var(--space-32)}@media (max-width:1024px){.im-upload-section{grid-template-columns:1fr}}.im-card{background-color:#f3f6fa;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transition:box-shadow .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard)}.im-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.im-card-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;padding:24px;padding:var(--space-24)}.im-card-header h2{color:#19233c;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0}.im-card-body{padding:24px;padding:var(--space-24)}.im-type-toggles{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:4px;gap:var(--space-4);padding:4px;padding:var(--space-4)}.im-toggle{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#64738c;color:var(--color-text-secondary);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.im-toggle.active{background:#184cd7;background:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-sm);color:#fff;color:var(--color-btn-primary-text)}.im-toggle:hover:not(.active){background:#5e524033;background:var(--color-secondary-hover);color:#19233c;color:var(--color-text)}.im-toggle:focus-visible{outline:2px solid #184cd7;outline:var(--focus-outline);outline-offset:2px;outline-offset:var(--space-2)}.im-form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.im-form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--space-8);text-transform:uppercase}.im-form-label,.im-input{color:#19233c;color:var(--color-text)}.im-input{background-color:#f3f6fa;background-color:var(--color-surface);border:1px solid #5e52402e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}.im-input:focus{border-color:#184cd7;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #184cd7;outline:var(--focus-outline)}.im-input:disabled{background-color:#5e52401f;background-color:var(--color-secondary);cursor:not-allowed;opacity:.6}.im-dropdown-wrapper{margin-bottom:16px;margin-bottom:var(--space-16);position:relative;width:100%}.im-dropdown-input{background-color:#f3f6fa;background-color:var(--color-surface);border:1px solid #5e52402e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#19233c;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);padding:12px;padding:var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.im-dropdown-input:focus{border-color:#184cd7;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #184cd7;outline:var(--focus-outline)}.im-dropdown-menu{background:#f3f6fa;background:var(--color-surface);border:1px solid #5e52402e;border:1px solid var(--color-border);border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-base) var(--radius-base);border-top:none;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.im-dropdown-item{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#19233c;color:var(--color-text);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);padding:12px;padding:var(--space-12);transition:background-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.im-dropdown-item:hover:not(.im-dropdown-empty){background-color:#5e52401f;background-color:var(--color-secondary);color:#184cd7;color:var(--color-primary)}.im-dropdown-item:last-child{border-bottom:none}.im-dropdown-item strong{color:#184cd7;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold);margin-right:8px;margin-right:var(--space-8)}.im-dropdown-empty{color:#64738c;color:var(--color-text-secondary);cursor:default;padding:16px;padding:var(--space-16);text-align:center}.im-dropdown-empty:hover{background-color:initial}.im-selected-item{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);border-left:3px solid #22c55e;border-left:3px solid var(--color-success);border-radius:6px;border-radius:var(--radius-sm);color:#22c55e;color:var(--color-success);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:12px;padding:var(--space-12)}.im-file-input-wrapper,.im-selected-item{margin-bottom:16px;margin-bottom:var(--space-16)}.im-file-input-wrapper{cursor:pointer;display:block}.im-file-input-wrapper input[type=file]{display:none}.im-file-input-label{align-items:center;background:#5e52401f;background:var(--color-secondary);border:2px dashed #5e52402e;border:2px dashed var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#19233c;color:var(--color-text);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);justify-content:center;padding:24px;padding:var(--space-24);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.im-file-input-wrapper:hover .im-file-input-label{background:#5e524033;background:var(--color-secondary-hover);border-color:#184cd7;border-color:var(--color-primary);color:#184cd7;color:var(--color-primary)}.im-file-input-wrapper input[type=file]:disabled~.im-file-input-label{cursor:not-allowed;opacity:.6}.im-file-input-wrapper input[type=file]:focus-visible~.im-file-input-label{outline:2px solid #184cd7;outline:var(--focus-outline);outline-offset:2px;outline-offset:var(--space-2)}.im-file-list{background:#5e52401f;background:var(--color-secondary);border-left:3px solid #184cd7;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);margin:16px 0;margin:var(--space-16) 0;padding:16px;padding:var(--space-16)}.im-file-list h4{color:#19233c;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 8px;margin:0 0 var(--space-8) 0;text-transform:uppercase}.im-file-list ul{list-style:none;margin:0;padding:0}.im-file-list li{align-items:center;color:#64738c;color:var(--color-text-secondary);display:flex;font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-8);line-height:1.5;line-height:var(--line-height-normal);padding:8px;padding:var(--space-8);word-break:break-all}.im-file-list li:before{color:#22c55e;color:var(--color-success);content:"✓";flex-shrink:0;font-weight:600;font-weight:var(--font-weight-bold)}.im-selected-file{background:#5e52401f;background:var(--color-secondary);border-left:3px solid #184cd7;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);padding:12px;padding:var(--space-12)}.im-hint,.im-selected-file{color:#64738c;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--space-16)}.im-hint{font-style:italic}.im-btn,.im-hint{line-height:1.5;line-height:var(--line-height-normal)}.im-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.im-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.im-btn-primary{background:#184cd7;background:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-sm);color:#fff;color:var(--color-btn-primary-text)}.im-btn-primary:hover:not(:disabled){background:#1441b9;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.im-btn-primary:active:not(:disabled){background:#11379b;background:var(--color-primary-active);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-sm);transform:translateY(0)}.im-btn-secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52402e;border:1px solid var(--color-border);color:#19233c;color:var(--color-text)}.im-btn-secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);border-color:#64738c;border-color:var(--color-text-secondary)}.im-btn-secondary:active:not(:disabled){background:#5e524040;background:var(--color-secondary-active)}.im-btn-danger{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border:1px solid #c0152f4d;border:1px solid rgba(var(--color-error-rgb),.3);color:#d2232d;color:var(--color-error)}.im-btn-danger:hover:not(:disabled){background:#c0152f33;background:rgba(var(--color-error-rgb),.2);border-color:#c0152f80;border-color:rgba(var(--color-error-rgb),.5)}.im-btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.im-btn-full{justify-content:center;width:100%}.im-btn:disabled{cursor:not-allowed;opacity:.5}.im-search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-16);margin-bottom:32px;margin-bottom:var(--space-32)}@media (max-width:768px){.im-search-filter{flex-direction:column}}.im-search-box{align-items:center;background:#f3f6fa;background:var(--color-surface);border:1px solid #5e52402e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);display:flex;flex:1 1;gap:8px;gap:var(--space-8);min-width:250px;padding:0 12px;padding:0 var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.im-search-box:focus-within{border-color:#184cd7;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}.im-search-box input{background:#0000;border:none;color:#19233c;color:var(--color-text);flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);padding:8px;padding:var(--space-8)}.im-search-box input:focus{outline:none}.im-search-box input::placeholder{color:#64738c;color:var(--color-text-secondary)}.im-filter-controls{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.im-filter-btn{background:#f3f6fa;background:var(--color-surface);border:1px solid #5e52402e;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#19233c;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.im-filter-btn:hover{background:#5e52401f;background:var(--color-secondary);color:#184cd7;color:var(--color-primary)}.im-filter-btn.active,.im-filter-btn:hover{border-color:#184cd7;border-color:var(--color-primary)}.im-filter-btn.active{background:#184cd7;background:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-sm);color:#fff;color:var(--color-btn-primary-text)}.im-filter-btn:focus-visible{outline:2px solid #184cd7;outline:var(--focus-outline);outline-offset:2px;outline-offset:var(--space-2)}.im-table-container{background:#f3f6fa;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden}.im-table-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;padding:24px;padding:var(--space-24)}.im-table-header h3{color:#19233c;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0}.im-table{border-collapse:collapse;width:100%}.im-table thead{background:#5e52401f;background:var(--color-secondary)}.im-table th{font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-align:left;text-transform:uppercase}.im-table td,.im-table th{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#19233c;color:var(--color-text);padding:12px;padding:var(--space-12)}.im-table td{font-size:14px;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal)}.im-table tbody tr{transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.im-table tbody tr:hover{background:#5e52401f;background:var(--color-secondary)}.im-checkbox-col{text-align:center;width:2.5rem}.im-checkbox-col input[type=checkbox]{accent-color:#184cd7;accent-color:var(--color-primary);cursor:pointer;height:1.25rem;width:1.25rem}.im-checkbox-col input[type=checkbox]:focus-visible{outline:2px solid #184cd7;outline:var(--focus-outline);outline-offset:2px;outline-offset:var(--space-2)}.im-code-cell{color:#184cd7;color:var(--color-primary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-weight:550;font-weight:var(--font-weight-semibold)}.im-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:4px 12px;padding:var(--space-4) var(--space-12)}.im-badge-component{background:#21808d26;background:rgba(var(--color-success-rgb),.15);border:1px solid #21808d4d;border:1px solid rgba(var(--color-success-rgb),.3);color:#22c55e;color:var(--color-success)}.im-badge-connector{background:#21808d26;background:rgba(var(--color-teal-500-rgb),.15);border:1px solid #21808d4d;border:1px solid rgba(var(--color-teal-500-rgb),.3);color:#184cd7;color:var(--color-primary)}.im-actions-col{text-align:center;width:100px}.im-table tbody tr:last-child td{border-bottom:none}.im-empty-state,.im-loading{color:#64738c;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);padding:32px;padding:var(--space-32);text-align:center}.im-loading:before{animation:spin .8s linear infinite;border:3px solid #21808d33;border-top-color:#184cd7;border:3px solid rgba(var(--color-teal-500-rgb),.2);border-radius:50%;border-top-color:var(--color-primary);content:"";display:inline-block;height:20px;margin-right:8px;margin-right:var(--space-8);vertical-align:middle;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.im-modal-overlay{align-items:center;animation:fadeIn .15s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-fast) var(--ease-standard);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.im-modal{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);background:#f3f6fa;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-width:400px;padding:32px;padding:var(--space-32);width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.im-modal h2{color:#19233c;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0 0 16px;margin:0 0 var(--space-16) 0}.im-modal p{color:#64738c;color:var(--color-text-secondary);line-height:1.5;line-height:var(--line-height-normal);margin:0 0 24px;margin:0 0 var(--space-24) 0}.im-modal-actions{display:flex;gap:16px;gap:var(--space-16);justify-content:flex-end}@media (max-width:768px){.image-management-container{padding:16px;padding:var(--space-16)}.im-search-box{min-width:100%}.im-table td,.im-table th{font-size:12px;font-size:var(--font-size-sm);padding:8px;padding:var(--space-8)}.im-card-header,.im-table-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-16)}.im-search-filter{flex-direction:column}.im-filter-controls{justify-content:space-between;width:100%}}@media (max-width:480px){.image-management-container{padding:12px;padding:var(--space-12)}.im-header h1{font-size:20px;font-size:var(--font-size-2xl)}.im-header p{font-size:12px;font-size:var(--font-size-sm)}.im-alert{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12)}.im-alert-close{align-self:flex-end}.im-card-body,.im-card-header{padding:16px;padding:var(--space-16)}.im-card-header h2{font-size:16px;font-size:var(--font-size-lg)}.im-type-toggles{flex-direction:column;gap:2px;gap:var(--space-2)}.im-btn,.im-toggle{justify-content:center;width:100%}.im-search-box{min-width:100%}.im-filter-controls{flex-direction:column;width:100%}.im-filter-btn{justify-content:center;width:100%}.im-table-container{border-radius:8px;border-radius:var(--radius-base)}.im-table-header{padding:16px;padding:var(--space-16)}.im-table-header h3{font-size:14px;font-size:var(--font-size-md)}.im-table,.im-table td,.im-table th{font-size:11px;font-size:var(--font-size-xs)}.im-table td,.im-table th{padding:6px;padding:var(--space-6)}.im-checkbox-col{width:2rem}.im-checkbox-col input[type=checkbox]{height:1rem;width:1rem}.im-badge{font-size:11px;font-size:var(--font-size-xs);padding:2px 8px;padding:var(--space-2) var(--space-8)}.im-actions-col{width:80px}.im-btn-sm{font-size:11px;font-size:var(--font-size-xs);padding:2px 8px;padding:var(--space-2) var(--space-8)}.im-modal{max-width:95%;padding:20px;padding:var(--space-20)}.im-modal h2{font-size:16px;font-size:var(--font-size-lg)}.im-modal-actions{flex-direction:column;gap:8px;gap:var(--space-8)}.im-modal-actions .im-btn{width:100%}.im-empty-state,.im-loading{font-size:12px;font-size:var(--font-size-sm);padding:20px;padding:var(--space-20)}}
/*# sourceMappingURL=main.4c0787fa.css.map*/