@import"https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap";.file-browser{width:100%;max-width:1400px;margin:0 auto}.browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.browser-header h2{margin:0;color:var(--text-primary)}.search-bar{display:flex;gap:.5rem}.search-input{padding:.5rem 1rem;border:1px solid rgba(148,163,184,.2);border-radius:.375rem;background:#0f172a80;color:var(--text-primary);font-size:.875rem;min-width:250px}.search-input:focus{outline:none;border-color:var(--accent-primary)}.search-input::placeholder{color:var(--text-secondary)}.files-table{width:100%;border-collapse:collapse;background:#0f172a80;border-radius:.5rem;overflow:hidden}.files-table thead{background:#0f172acc}.files-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(148,163,184,.1)}.files-table td{padding:1rem;border-bottom:1px solid rgba(148,163,184,.1);color:var(--text-primary)}.files-table tbody tr:hover{background:#38bdf80d}.files-table tbody tr:last-child td{border-bottom:none}.file-icon{margin-right:.5rem;font-size:1.2rem}.backend-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-primary{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.badge-replica{background:#94a3b81a;color:var(--text-secondary);border:1px solid rgba(148,163,184,.2)}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:transparent;border:1px solid rgba(148,163,184,.2);padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:all .2s}.btn-icon:hover{background:#38bdf81a;border-color:var(--accent-primary)}.btn-danger:hover{background:#ef44441a;border-color:#ef4444}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state p:first-child{font-size:1.2rem;margin-bottom:.5rem}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--background);border-radius:.75rem;border:1px solid rgba(148,163,184,.2);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(148,163,184,.1)}.modal-header h3{margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary);line-height:1;padding:0;width:2rem;height:2rem}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.detail-row:last-of-type{border-bottom:none}.detail-row strong{color:var(--text-secondary);font-weight:600}.detail-row span{color:var(--text-primary);text-align:right}.placement-card{background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;padding:1rem;margin-bottom:.75rem}.placement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.placement-header strong{color:var(--text-primary)}.placement-details{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.placement-details div{margin-bottom:.25rem}@media (max-width: 768px){.browser-header{flex-direction:column;align-items:stretch}.search-bar{flex-direction:column}.search-input{min-width:100%}.files-table{font-size:.875rem}.files-table th,.files-table td{padding:.5rem}.action-buttons{flex-direction:column}}.modal-header.danger{background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3)}.modal-header.danger h3{color:#ef4444}.file-info-box{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;padding:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.file-info-icon{width:40px;height:40px;background:#38bdf81a;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#38bdf8}.file-info-details{display:flex;flex-direction:column}.file-name{font-weight:600;color:var(--text-primary);font-size:1rem}.file-meta{font-size:.875rem;color:var(--text-secondary)}.modal-radio-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.modal-radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.2);cursor:pointer;transition:all .2s}.modal-radio-option:hover{background:#94a3b80d}.modal-radio-option.selected{background:#38bdf80d;border-color:#38bdf8}.modal-radio-custom{width:18px;height:18px;border-radius:50%;border:2px solid rgba(148,163,184,.5);display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0}.modal-radio-option.selected .modal-radio-custom{border-color:#38bdf8}.modal-radio-dot{width:10px;height:10px;border-radius:50%;background:#38bdf8;opacity:0;transform:scale(.5);transition:all .2s}.modal-radio-option.selected .modal-radio-dot{opacity:1;transform:scale(1)}.modal-radio-content{display:flex;flex-direction:column}.modal-radio-label{font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.modal-radio-description{font-size:.8rem;color:var(--text-secondary)}.warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem;display:flex;gap:.75rem;font-size:.875rem;color:#fbbf24}.warning-box.danger{background:#ef44441a;border-color:#ef444433;color:#f87171}.input-group{margin-bottom:1.5rem}.input-label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.input-field{width:100%;padding:.625rem;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:.375rem;color:var(--text-primary);font-size:.875rem}.input-field:focus{outline:none;border-color:#38bdf8}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.1)}.btn-cancel{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;background:transparent;border:1px solid rgba(148,163,184,.3);color:var(--text-secondary);border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#94a3b80d;color:var(--text-primary)}.btn-delete{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background:#ef4444;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#dc2626}.btn-delete:disabled{background:#ef444480;cursor:not-allowed;opacity:.7}.badge-external{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}:root{--clonde-primary: #212d8b;--clonde-secondary: #191a1b;--clonde-bg-dark: #151515;--clonde-text-body: #888888;--clonde-text-heading: #ffffff;--clonde-accent-yellow: #ffbe17;--clonde-border: #363636;--clonde-border-light: rgba(54, 54, 54, .5);--clonde-font-family: "Parkinsans", sans-serif;--clonde-font-size: 16px;--clonde-font-weight-regular: 400;--clonde-font-weight-medium: 500;--clonde-font-weight-semibold: 600;--clonde-font-weight-bold: 700;--clonde-radius-button: 40px;--clonde-radius-card: .75rem;--clonde-radius-input: .5rem;--bg-app: var(--clonde-bg-dark);--bg-surface: #1e1f22;--bg-surface-hover: #2b2d31;--bg-input: rgba(0, 0, 0, .2);--text-main: var(--clonde-text-heading);--text-muted: var(--clonde-text-body);--border-subtle: var(--clonde-border);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--bg-primary: var(--bg-app);--bg-secondary: var(--bg-surface);--bg-card: rgba(30, 31, 34, .8);--text-primary: var(--text-main);--text-secondary: var(--text-muted)}[data-theme=light]{--clonde-bg-dark: #f0f2f5;--clonde-text-body: #4b5563;--clonde-text-heading: #111827;--clonde-border: #e2e8f0;--clonde-border-light: rgba(0, 0, 0, .05);--bg-app: #f0f2f5;--bg-surface: #ffffff;--bg-surface-hover: #f9fafb;--bg-input: #ffffff;--text-main: #111827;--text-muted: #4b5563;--border-subtle: #e2e8f0;--border-strong: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--bg-primary: var(--bg-app);--bg-secondary: var(--bg-surface);--bg-card: #ffffff;--text-primary: var(--text-main);--text-secondary: var(--text-muted)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--clonde-font-family);font-size:var(--clonde-font-size);color:var(--clonde-text-body);background-color:var(--clonde-bg-dark);line-height:1.5;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--clonde-font-family);color:var(--clonde-text-heading);font-weight:var(--clonde-font-weight-semibold);line-height:1.2}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.layout-body{display:flex;flex:1;overflow:hidden}.main-content-wrapper{flex:1;overflow-y:auto;padding:2rem;background-color:var(--bg-app)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 1024px){.grid{grid-template-columns:1fr}}@media (max-width: 768px){.main-content-wrapper{padding:1rem}.navbar-status,.sidebar-label{display:none}.sidebar.open{width:var(--sidebar-width-closed)}}.navbar{height:var(--navbar-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:1000}.navbar-left,.navbar-right{display:flex;align-items:center;gap:1.5rem}.hamburger-menu{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px}.hamburger-menu:hover{background:var(--bg-surface-hover)}.navbar-brand{display:flex;align-items:center;gap:.75rem}.navbar-logo{height:40px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}[data-theme=light] .navbar-logo{filter:brightness(0)}.navbar-title{font-weight:700;font-size:1.25rem;color:var(--text-primary);letter-spacing:1px}.navbar-status{display:flex;align-items:center;gap:.75rem;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border-subtle)}.status-dot{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;max-width:8px!important;max-height:8px!important;border-radius:50%!important;display:inline-block!important;flex-shrink:0!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:none!important;overflow:hidden!important}.status-dot.ready{background-color:#4ade80}.status-dot.loading{background-color:#f59e0b}.status-dot.error{background-color:#ef4444}.status-text{font-size:.8rem;color:var(--text-secondary)}.version-tag{font-size:.75rem;color:var(--text-secondary);opacity:.6;font-weight:700}.demo-badge{background:#38bdf81a;color:#38bdf8;font-size:.75rem;padding:2px 8px;border-radius:12px}.btn-navbar-action{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:#38bdf8;padding:8px 16px;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-navbar-action:hover{background:#38bdf833}.navbar-tabs{display:flex;gap:.5rem}.navbar-tab{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:4px;transition:all .2s}.navbar-tab:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.navbar-tab.active{color:#3b82f6;background:#3b82f61a}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-subtle);transition:width .3s ease;display:flex;flex-direction:column;z-index:900}.sidebar.open{width:var(--sidebar-width-open)}.sidebar.closed{width:var(--sidebar-width-closed)}.sidebar-nav{padding:1rem 0;display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.sidebar-footer{padding:1rem 0;border-top:1px solid var(--border-subtle);margin-top:auto}.sidebar-footer .logout-btn{color:var(--text-secondary)}.sidebar-footer .logout-btn:hover{color:#ef4444;background:#ef44441a}.sidebar-item{display:flex;align-items:center;padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;width:100%;transition:all .2s;gap:12px}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.sidebar-item.active{color:#3b82f6;background:#3b82f61a;border-right:2px solid #3b82f6}.sidebar-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.sidebar-label{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden}.container{max-width:1400px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--clonde-radius-card);padding:1.5rem;margin-bottom:1.5rem}.card-title{font-size:1.1rem;margin-bottom:1.25rem}.btn-primary{background:var(--clonde-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--clonde-radius-button);font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:var(--clonde-radius-button);font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary);background:var(--bg-surface-hover)}.btn-danger{background:var(--error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--clonde-radius-button);font-weight:600;cursor:pointer;transition:opacity .2s}.btn-danger:hover{opacity:.9}.form-group{margin-bottom:1.25rem}.form-input,.form-select,textarea.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--clonde-radius-input);width:100%;font-family:inherit;font-size:.9rem}.form-input:focus,.form-select:focus,textarea.form-input:focus{outline:none;border-color:var(--clonde-primary)}.form-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.backend-list{display:flex;flex-direction:column;gap:.75rem}.backend-item{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:.5rem;transition:all .2s}.backend-item:hover{background:var(--bg-surface-hover);border-color:var(--border-subtle)}.backend-header{display:flex;justify-content:space-between;align-items:center}.backend-name{font-weight:600;color:var(--text-primary)}.backend-badge{background:#ffffff1a;color:var(--text-secondary);padding:.1rem .5rem;border-radius:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.backend-meta{display:flex;flex-direction:column;gap:.25rem}.meta-row{display:flex;justify-content:space-between;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-box{background:var(--bg-app);padding:1rem;border-radius:.5rem;text-align:center;border:1px solid var(--border-subtle)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.notification-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.notification-toast{pointer-events:auto;min-width:320px;max-width:450px;background:#1e1f22d9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px #0000005e;animation:toast-slide-in .4s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden}.notification-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;margin-left:auto;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.notification-close:hover{background:#ffffff1a;color:var(--text-main)}.notification-message{font-size:.9rem;color:var(--text-main);font-weight:500;line-height:1.4}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:#fff3;width:100%;transform-origin:left;animation:toast-progress linear forwards}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-success .notification-progress{background:#10b981;opacity:.4}.notification-error .notification-progress{background:#ef4444;opacity:.4}.notification-warning .notification-progress{background:#f59e0b;opacity:.4}.notification-info .notification-progress{background:#3b82f6;opacity:.4}@keyframes toast-slide-in{0%{transform:translate(120%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}