.settings-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.settings-modal-content{background:var(--bg-paper);width:95%;max-width:900px;height:85vh;border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.settings-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.8)}.settings-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.settings-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.settings-close-btn:hover{background:var(--bg-app);color:var(--text-primary);border-color:var(--text-primary)}.settings-body{flex:1 1;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.settings-sidebar{background:var(--bg-app);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.nav-item{text-align:left;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s}.nav-item:hover{background:rgba(0,0,0,.05);color:var(--text-primary)}.nav-item.active{background:white;color:var(--primary-color);box-shadow:var(--shadow-sm)}.settings-content-area{padding:2rem;overflow-y:auto;scroll-behavior:smooth}.settings-panel{display:none;animation:fadeIn .3s ease}.settings-panel.active{display:block}.panel-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color);display:inline-block}.storage-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:#f8fafc;border:1px solid var(--border-color);padding:1rem;border-radius:var(--radius-md);text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.data-actions-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.data-action-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:white;border-bottom:1px solid var(--border-color)}.data-action-row:last-child{border-bottom:none}.action-info h4{margin:0 0 .25rem;font-size:.95rem;color:var(--text-primary)}.action-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.btn-text-danger{background:none;border:none;color:#ef4444;font-weight:600;font-size:.9rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s}.btn-text-danger:hover{background:#fef2f2}.btn-text-danger:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);background:transparent}.btn-text-secondary{background:none;border:none;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s}.btn-text-secondary:hover{background:#f1f5f9;color:var(--text-primary)}.form-grid input,.form-grid select,.form-grid textarea{background:var(--bg-app);border:1px solid transparent;transition:all .2s}.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover{background:white;border-color:var(--border-color)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:white;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.logo-upload-wrapper{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .2s;background:var(--bg-app)}.logo-upload-wrapper:hover{border-color:var(--primary-color);background:white}.current-logo{max-height:120px;object-fit:contain;margin-bottom:1rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.danger-section{margin-top:3rem;padding:1.5rem;border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fee2e2}.danger-title{color:#991b1b;font-weight:600;margin-bottom:.5rem}.danger-desc{color:#b91c1c;font-size:.9rem;margin-bottom:1rem}@media (max-width:768px){.settings-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings-sidebar{flex-direction:row;padding:1rem;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color)}.nav-item{white-space:nowrap}.settings-modal-content{width:100%;height:100%;max-width:none;border-radius:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}