:root{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-secondary: #64748B;--color-accent: #FBBF24;--color-success: #10B981;--color-danger: #EF4444;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-hover: #E2E8F0;--text-primary: #1E293B;--text-secondary: #64748B;--text-tertiary: #94A3B8;--border-color: #E2E8F0;--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);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html,body{height:100%}body{overflow-y:scroll}h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul{list-style:none;margin:0;padding:0}.text-positive{color:var(--color-success);font-weight:600}.text-negative{color:var(--color-danger);font-weight:600}small{font-size:.85em;color:var(--text-secondary)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#2563EB 100%);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1.5px solid var(--border-color);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--color-secondary)}.dashboard-layout{display:flex;min-height:100vh;background-color:#f0f2f5}.sidebar{width:260px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:24px 0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:sticky;top:0;left:0;height:100vh;overflow-y:auto;transition:all .2s ease}.sidebar{flex:0 0 250px}.sidebar.collapsed{width:72px;flex:0 0 72px;padding:12px 6px}.sidebar-header{position:relative;padding:0 12px}.sidebar-header>div{display:flex;align-items:center;gap:10px}.sidebar .app-name,.sidebar .nav-title,.sidebar .sidebar-nav ul li span,.sidebar .theme-switcher span{display:inline-block;vertical-align:middle;transition:opacity .18s ease,max-width .18s ease,margin .18s ease;overflow:hidden;white-space:nowrap;max-width:220px}.sidebar.collapsed .app-name,.sidebar.collapsed .nav-title,.sidebar.collapsed .sidebar-nav ul li span,.sidebar.collapsed .theme-switcher span{opacity:0;max-width:0;margin:0}.sidebar.collapsed .sidebar-nav ul li{justify-content:center;padding:10px 6px}.sidebar.collapsed .sidebar-header>div{justify-content:center;width:100%}.sidebar-header{display:flex;align-items:center;padding:0 20px 30px;gap:10px;border-bottom:1px solid #eee;margin-bottom:20px}.app-logo{width:30px;height:30px;border-radius:6px}.app-name{font-size:1.4em;font-weight:700;color:#007bff;white-space:nowrap}.sidebar-nav{flex-grow:1}.nav-section{margin-bottom:25px}.nav-title{font-size:.85em;color:#888;padding:0 20px 10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sidebar-nav ul li{display:flex;align-items:center;padding:12px 16px;margin:0 12px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;gap:12px;font-size:14px;font-weight:500;border-radius:var(--radius-md)}.sidebar-nav ul li:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.sidebar-nav ul li.active{background:linear-gradient(90deg,rgba(59,130,246,.1) 0%,transparent 100%);color:var(--color-primary);border-left:3px solid var(--color-primary);font-weight:600}.sidebar-nav ul li svg{font-size:1.1em}.theme-switcher{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;cursor:pointer;color:#555;background-color:#f0f2f5;border-radius:8px;margin:20px;font-size:.9em;font-weight:500;transition:background-color .2s}.theme-switcher:hover{background-color:#e0e2e5}.main-content{flex-grow:1;padding:32px;background-color:var(--bg-secondary)}.main-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);padding:16px 24px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:24px}.header-search-bar{display:flex;align-items:center;background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.header-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.header-search-bar input{border:none;padding:10px 16px;width:320px;font-size:14px;outline:none;background:transparent;color:var(--text-primary)}.header-search-bar input::placeholder{color:var(--text-tertiary)}.header-search-bar .header-icon{padding:0 10px;color:#888}.header-actions{display:flex;gap:15px;align-items:center}.header-action-icon{font-size:1.2em;color:#555;cursor:pointer}.user-avatar{font-size:1.8em;color:#007bff;border-radius:50%;border:1px solid #eee}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;min-width:0}@media(min-width:1024px)and (max-width:1399px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:769px)and (max-width:1023px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-grid .card{background-color:var(--bg-primary);padding:24px;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .2s ease}.dashboard-grid .card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);border-color:#3b82f633}.dashboard-grid .card.full-width{grid-column:1 / -1}.highlight-tickers{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.ticker-card{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 15px #0000000f;display:flex;align-items:center;gap:15px}.ticker-card img{width:40px;height:40px;border-radius:8px}.ticker-card strong{font-size:1.1em;color:#333;display:block;margin-bottom:2px}.ticker-card span{font-size:.8em;color:#777;display:block}.ticker-card p{font-size:1.4em;font-weight:700;color:#333;margin:10px 0 5px}@media(max-width:768px){.portfolio-values{grid-column:1 / -1}}.portfolio-values h2{font-size:1.2em;color:#555;margin-bottom:15px}.portfolio-values h3{display:none}.portfolio-values p{color:#777;font-size:.9em;line-height:1.5;margin-bottom:20px}.portfolio-actions{display:flex;gap:10px;margin-top:20px}.insights-card{background-color:#fff9e6;border-left:4px solid #ffc107;padding:15px;border-radius:8px;font-size:.9em;color:#856404;margin-top:30px}@media(max-width:768px){.statistics{grid-column:1 / -1}}.statistics h2{font-size:1.2em;color:#555;margin-bottom:15px}.search-container{background-color:#f7f7f7!important;border:1px solid #eee!important;box-shadow:none!important;padding:10px 15px!important;margin-bottom:20px;display:flex;align-items:center;gap:10px;border-radius:8px}.search-container input{width:100%!important;background-color:transparent!important;border:none!important;font-size:1em!important}.search-container label svg{color:#888;font-size:1.1em}.table-section h3{display:none}.table-section{margin-top:10px!important;padding:0}.table-section table{width:100%;border:none;border-collapse:separate;border-spacing:0 8px;font-size:14px}th,td{padding:16px 20px;text-align:left}thead tr{background-color:transparent}thead th{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:2px solid var(--border-color);padding-bottom:12px}tbody tr{background-color:var(--bg-primary);transition:all .2s ease;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}tbody tr:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-left:3px solid var(--color-primary)}tbody td:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}tbody td:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}td strong{color:#333;font-weight:600}.text-positive{color:#28a745!important;font-weight:500}.text-negative{color:#dc3545!important;font-weight:500}.risk-medium{color:#ffc107!important;font-weight:500}.risk-low{color:#007bff!important;font-weight:500}.action-exit,.action-trim,.action-ok,.action-hold,.action-buy{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border:1.5px solid transparent}.action-exit{background-color:#ef44441a;color:var(--color-danger);border-color:#ef444433}.action-trim{background-color:#fbbf241a;color:var(--color-accent);color:#ffc107}.action-ok{background-color:#d4edda;color:#28a745}.form-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.form-modal-content{background:#fff;padding:30px;border-radius:10px;width:90%;max-width:600px;box-shadow:0 10px 25px #0000004d;position:relative}.dark-theme .form-modal-content label{color:#e0e0e0}.form-close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.2em;cursor:pointer;color:#888}.form-modal-content h2{font-size:1.5em;color:#007bff;margin-bottom:20px;display:flex;align-items:center;gap:10px}.asset-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{font-size:.9em;font-weight:500;margin-bottom:5px;color:#555}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1em;width:100%;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.dark-theme .form-group input,.dark-theme .form-group select,.dark-theme .form-group textarea{background-color:#3a3a3a;color:#e0e0e0;border-color:#4a4a4a}.full-width{grid-column:1 / -1}.form-submit-btn{margin-top:10px;padding:12px 0!important}.is-editing{background-color:#fffde7!important;box-shadow:0 0 5px #ffc10780}.dark-theme .is-editing{background-color:#4a4130!important}td input,td select,td textarea{background-color:#f8f9fa;border:1px solid #ffc107;border-radius:4px;padding:4px 6px;box-sizing:border-box}.dark-theme td input,.dark-theme td select,.dark-theme td textarea{background-color:#3a3a3a;border-color:#ffc107;color:#e0e0e0}.dashboard-grid .risk-assets-card,.dashboard-grid .safe-assets-card{grid-column:1 / -1}.risk-assets-card,.safe-assets-card{padding-top:20px}.risk-assets-card h2,.safe-assets-card h2{font-size:1.3em;margin-bottom:20px;color:#007bff}.card-header-with-icon{display:flex;align-items:center;gap:12px;font-size:1.4em!important;font-weight:600;margin-bottom:25px!important;color:#343a40}.dark-theme .card-header-with-icon{color:#f8f9fa}.card h2:not(.card-header-with-icon){font-size:1.5em;margin-bottom:20px}.highlight-tickers{display:block;grid-column:1 / -1;gap:0!important}.ticker-card{display:none}.input-error{border:2px solid #dc3545!important}.error-message{color:#dc3545;font-size:.8em;margin-top:5px;display:flex;align-items:center}.error-message svg{margin-right:5px}.allocation-section{padding:15px;border:1px solid #eee;border-radius:8px;background-color:var(--card-bg);transition:background-color .3s}.allocation-report-container.dark-theme .allocation-section{border-color:#333}.card-header-with-icon-small{font-size:1.1em;font-weight:600;margin-top:0;margin-bottom:15px;display:flex;align-items:center}.header-icon-style-small{margin-right:8px;color:var(--primary-color);font-size:.9em}.allocation-details{padding-top:15px}.allocation-list{list-style:none;padding:0;margin:0;border:1px solid var(--border-color);border-radius:4px}.allocation-list li{display:flex;justify-content:space-between;padding:10px 15px;border-bottom:1px solid var(--border-color);font-size:.9em}.percent-value{font-weight:600;margin-right:10px}.currency-value{color:#777;font-size:.9em}.allocation-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-top:20px}.allocation-section{padding:20px;border:none;border-radius:12px;background-color:var(--card-bg);box-shadow:0 4px 10px #0000000d;transition:all .3s ease-in-out}.allocation-report-container.dark-theme .allocation-section{box-shadow:0 4px 10px #0003}.allocation-details h4{margin-top:5px;margin-bottom:10px;color:var(--text-color-dark)}.allocation-list{list-style:none;padding:0;margin:0;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.allocation-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-color-light);font-size:.95em;background-color:var(--card-bg)}.allocation-list li:last-child{border-bottom:none}.percent-value{font-weight:700;margin-right:15px;color:var(--primary-color)}.currency-value{color:var(--text-color-secondary);font-size:.9em}.form-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.form-modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:650px;box-shadow:0 10px 30px #00000026;position:relative;max-height:90vh;overflow-y:auto}.dark-theme .form-modal-content{background:#2a2a2a;color:#e0e0e0}.dark-theme .form-modal-content label{color:#b0b0b0}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color-light);padding-bottom:15px;margin-bottom:25px}.form-modal-content h2{font-size:1.6em;color:#007bff;display:flex;align-items:center;gap:12px;margin:0}.form-close-button{position:static;background:none;border:none;font-size:1.5em;cursor:pointer;color:#888;padding:5px;transition:color .2s}.form-close-button:hover{color:#dc3545}.asset-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.form-row{display:contents}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.9em;font-weight:500;margin-bottom:6px;color:var(--text-color-dark)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1em;width:100%;box-sizing:border-box;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid var(--border-color-light);margin-top:30px}h1{font-size:2.2em;font-weight:500;letter-spacing:-.02em;color:#333;border-bottom:1px solid #eeeeee;padding-bottom:15px;margin-bottom:30px}.card h2{font-size:1.5em;font-weight:600;letter-spacing:-.01em;color:#495057;margin-bottom:15px;padding-bottom:0}.allocation-details h4,.form-modal-content h2{font-size:1.25em;font-weight:600;letter-spacing:-.01em;color:#333}.header-icon-style{color:#007bff;font-size:1.2em}.header-icon-style-small{font-size:1em}.dark-theme .card-header-with-icon,.dark-theme .card h2,.dark-theme h1{color:#f8f9fa!important}.card h2{font-size:1.5em;font-weight:600;letter-spacing:-.01em;color:#495057;margin-bottom:15px}.card-header-with-icon{font-size:1.35em!important;font-weight:600;margin-bottom:25px!important;color:#333}.allocation-report-container h2{font-size:1.6em;font-weight:500}.dashboard-grid .card{border-radius:12px;padding:25px 30px;transition:box-shadow .2s}thead tr{background-color:#fcfcfc!important;color:#495057!important;font-weight:500!important;border-bottom:1px solid #eeeeee!important;font-size:.9em!important}td div[style*="display: flex"]{justify-content:flex-start;gap:10px}td svg{opacity:.7}tr:hover td svg{opacity:1}.cashflow-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.cashflow-kpi-card{background-color:#fcfcfc;padding:20px;border-radius:12px;box-shadow:0 2px 5px #0000000d;border:1px solid #eeeeee;transition:background-color .2s}.dark-theme .cashflow-kpi-card{background-color:#343a40;border-color:#495057}.kpi-title{font-size:.9em;color:#6c757d;display:block;margin-bottom:5px}.kpi-value{font-size:1.8em;font-weight:700;letter-spacing:-.03em;margin-bottom:5px}.kpi-description{font-size:.8em;color:#adb5bd;margin-top:10px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#f6f8fa,#eef2f7)}.auth-card{background:#fff;padding:36px 32px;border-radius:12px;width:100%;max-width:420px;box-shadow:0 10px 30px #10182814;display:flex;flex-direction:column;align-items:center}.auth-logo{width:72px;height:72px;margin-bottom:18px}.auth-form{width:100%;display:flex;flex-direction:column;gap:12px}.auth-form input{padding:12px 14px;border-radius:8px;border:1px solid #e6e9ef;font-size:1em}.auth-submit{margin-top:6px;padding:12px 14px;border-radius:8px;border:none;background:#007bff;color:#fff;font-weight:600;cursor:pointer}.auth-error{color:#dc3545;font-size:.9em}.header-login-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#007bff}.btn-ghost{background:transparent;border:1px solid #e6e9ef;padding:6px 10px;border-radius:8px;cursor:pointer}.loading-overlay{position:fixed;inset:0;background:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid #f0f2f5;border-top:4px solid #007bff;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{color:#666;font-size:1.1em;margin:0}.error-banner{background:#fee;border:1px solid #fcc;border-radius:8px;padding:20px;margin:20px;display:flex;align-items:center;gap:15px;justify-content:space-between}.error-banner p{color:#c33;margin:0;font-weight:500}@media(max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;flex:none}.sidebar.collapsed{height:60px;overflow:hidden}.sidebar-nav{display:none}.sidebar:not(.collapsed) .sidebar-nav{display:block}.main-content{margin-left:0;width:100%;padding:16px}.dashboard-grid{grid-template-columns:1fr!important;gap:16px}.card{overflow-x:auto;padding:16px}table{min-width:800px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:.95em;min-height:44px}.portfolio-values,.statistics,.highlight-tickers{grid-column:1 / -1!important}tbody tr{position:relative;touch-action:pan-y}.main-header{flex-direction:column;gap:12px}.header-search-bar input{width:100%}.asset-form-grid{grid-template-columns:1fr!important}}.sortable-ghost{opacity:.4;background:var(--bg-tertiary)}.sortable-drag{cursor:grabbing!important}.bucket-manager{margin-top:10px}.bucket-manager-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.bucket-manager-header h3{margin:0;font-size:1.05em;font-weight:600;letter-spacing:.5px;color:var(--text-secondary)}.bucket-icon{color:var(--color-primary)}.bucket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}.bucket-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;transition:box-shadow .2s,transform .2s}.bucket-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bucket-card.editing{box-shadow:0 0 0 2px #3b82f640}.bucket-card-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.85em}.bucket-color{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000000d}.bucket-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bucket-meta{display:flex;flex-direction:column;gap:2px}.bucket-meta .label{font-size:.55em;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-right:4px}.bucket-meta .value{font-size:.7em;color:var(--text-primary);font-weight:500}.bucket-actions{display:flex;gap:8px;margin-top:6px}.icon-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.75em;color:var(--text-secondary);transition:background .15s,color .15s}.icon-btn:hover{background:var(--color-primary);color:#fff}.icon-btn.danger:hover{background:var(--color-danger)}.bucket-empty{font-size:.75em;color:var(--text-secondary);padding:12px 0}.bucket-edit-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:.7em}.bucket-edit-panel .edit-row{display:flex;flex-direction:column;gap:4px}.bucket-edit-panel label{font-size:.6em;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--text-tertiary)}.bucket-edit-panel input,.bucket-edit-panel select{padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75em;background:var(--bg-secondary)}.bucket-edit-panel input:focus,.bucket-edit-panel select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.edit-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.edit-actions .btn-primary,.edit-actions .btn-secondary{font-size:.65em;padding:8px 12px}.bucket-create-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:var(--bg-tertiary);border:1px dashed var(--border-color);padding:14px 16px;border-radius:var(--radius-lg)}.bucket-input,.bucket-select{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75em;background:var(--bg-primary);flex:1 1 140px}.bucket-input.small{flex:0 0 70px}.bucket-input.medium{flex:0 0 110px}.bucket-select{flex:0 0 120px}.bucket-color-picker{width:44px;height:34px;padding:4px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;box-sizing:border-box}.bucket-color-picker.round{width:34px;height:34px;border-radius:50%;padding:4px}.bucket-color-picker:hover{border-color:var(--color-primary)}.bucket-edit-panel input[type=color]{width:100%;height:34px;padding:4px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer}.bucket-edit-panel input[type=color]:hover{border-color:var(--color-primary)}.bucket-create-bar .btn-primary{font-size:.7em;padding:10px 14px}@media(max-width:640px){.bucket-edit-panel{grid-template-columns:1fr}.bucket-create-bar{flex-direction:column;align-items:stretch}.bucket-color-picker{width:100%}.bucket-input.small,.bucket-input.medium,.bucket-select{flex:1 1 auto}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-photo-container{position:relative;display:inline-block}.profile-photo-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff}.landing-content{text-align:center}.landing-logo{width:80px;height:80px;opacity:.8}