*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #2dd4bf;--accent-hover: #0d9488;--accent-dim: rgba(45, 212, 191, .15);--bg-page: #1a1a1a;--bg-sidebar: #0d2b2b;--bg-card: #242424;--bg-header: #2a2a2a;--bg-elevated: #2e2e2e;--bg-input: #2a2a2a;--border: #3a3a3a;--border-light: #333333;--text: #f0f0f0;--text-muted: #aaaaaa;--text-faint: #555555;--danger: #e05050;--danger-dim: rgba(224, 80, 80, .15);--success: #4caf70;--primary: #2dd4bf;--primary-dark: #0d9488;--primary-light: rgba(45, 212, 191, .12);--bg: #1a1a1a;--card: #242424;--border-old: #3a3a3a;--text-muted-old:#aaaaaa;--radius: 6px;--shadow: 0 2px 8px rgba(0,0,0,.45);--shadow-md: 0 4px 20px rgba(0,0,0,.6);--row-alt-bg: #262626;--cell-hover-bg: #323232;--gs-input-bg: #1e1e1e;--gs-input-shadow: 0 4px 16px rgba(0,0,0,.5);--scrollbar-thumb: #3a3a3a;--scrollbar-thumb-hover: #4a4a4a}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text);font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:14px}input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-page)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar{width:230px;min-width:230px;background:var(--bg-sidebar);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #1a3a3a}.sidebar-header{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-title{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.2px}.sidebar-subtitle{color:#2a5a5a;font-size:11px;margin-top:2px}.sidebar-section{padding:10px 8px 4px}.sidebar-section-label{color:#2a5a5a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:0 8px 6px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius);color:#80b0b0;cursor:pointer;margin-bottom:1px;transition:background .12s,color .12s,border-color .12s;border:none;border-left:3px solid transparent;background:none;width:100%;text-align:left;font-size:13px}.sidebar-item:hover{background:#1a3a3a;color:var(--text)}.sidebar-item.active{background:#2dd4bf1f;color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar-item-icon{font-size:14px;width:18px;text-align:center;opacity:.8}.sidebar-item-text{flex:1}.sidebar-footer{margin-top:auto;padding:10px 8px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{padding:8px 10px;border-radius:var(--radius);color:var(--text-muted);font-size:13px}.sidebar-user-name{color:var(--text);font-weight:500;margin-bottom:3px}.sidebar-user-role{font-size:11px;padding:1px 6px;border-radius:4px;display:inline-block;margin-bottom:8px}.sidebar-user-role.owner{background:#2dd4bf33;color:#2dd4bf}.sidebar-user-role.worker{background:#4caf7033;color:#6dbb88}.btn-logout{width:100%;padding:6px 10px;border-radius:var(--radius);background:none;border:1px solid #1a3a3a;color:#2a5a5a;cursor:pointer;transition:background .12s,color .12s;font-size:12px}.btn-logout:hover{background:#2dd4bf14;color:var(--text-muted)}.page-header{padding:12px 18px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-title{font-size:16px;font-weight:700;color:var(--text)}.page-header-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.btn{padding:6px 13px;border-radius:var(--radius);border:none;font-weight:500;cursor:pointer;transition:background .12s,opacity .12s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#0f766e;color:#fff}.btn-primary:hover:not(:disabled){background:#0d9488}.btn-secondary{background:#333;color:#aaa;border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#3a3a3a;color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c03c3c}.btn-ghost{background:none;border:none;color:var(--text-muted);padding:5px 7px}.btn-ghost:hover{color:var(--text);background:var(--bg-elevated);border-radius:4px}.btn-sm{padding:4px 9px;font-size:12px}.btn-icon{padding:5px}.toolbar{padding:8px 14px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-input{padding:6px 11px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:220px;transition:border-color .15s}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{border-color:var(--accent)}.panel{background:var(--bg-card);border-bottom:1px solid var(--border);padding:10px 14px}.panel-title{font-weight:600;margin-bottom:8px;font-size:13px;color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--bg-card);border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow-md);width:100%;max-width:560px;max-height:90vh;overflow:auto}.modal-header{padding:14px 18px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.modal-title{font-size:15px;font-weight:700;color:var(--text)}.modal-body{padding:18px}.modal-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.form-group{margin-bottom:14px}.form-label{display:block;font-weight:500;margin-bottom:5px;font-size:12px;color:var(--text-muted)}.form-control{width:100%;padding:7px 11px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.form-control:focus{border-color:var(--accent)}.form-control option{background:var(--bg-input)}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1}.users-table{width:100%;border-collapse:collapse}.users-table th{background:var(--bg-header);padding:9px 13px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);border-bottom:1px solid var(--border)}.users-table td{padding:9px 13px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.users-table tr:hover td{background:var(--bg-elevated)}.login-page{min-height:100vh;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center}.login-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:44px 36px;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow-md)}.login-logo{font-size:44px;margin-bottom:14px}.login-title{font-size:22px;font-weight:800;margin-bottom:5px;color:var(--text)}.login-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:13px}.sheet-permission{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.sheet-permission-header{padding:9px 13px;background:var(--bg-header);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.sheet-permission-body{padding:10px 13px;background:var(--bg-card)}.column-checkboxes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.column-checkbox{display:flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px;color:var(--text)}.column-checkbox.hidden{background:var(--danger-dim);border-color:var(--danger);color:var(--danger);text-decoration:line-through}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.empty-state{padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:44px;margin-bottom:10px}.divider{height:1px;background:var(--border);margin:14px 0}.row-actions{display:flex;gap:4px}.link-cell{color:var(--accent)}.link-cell:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.history-entry{padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text)}.history-entry:last-child{border-bottom:none}.history-meta{color:var(--text-muted);font-size:11px;margin-top:2px}.gs-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-page)}.gs-scroll{flex:1;overflow:auto;background:var(--bg-page)}.gs-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.gs-th-filler{cursor:default;background:var(--bg-header);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.gs-td-filler{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card)}.gs-tr:nth-child(2n) .gs-td-filler{background:var(--row-alt-bg)}.gs-tr:hover .gs-td-filler{background:var(--bg-elevated)!important}.gs-th{background:var(--bg-header);border:1px solid var(--border);padding:0 10px;height:30px;font-weight:600;font-size:12px;color:var(--text-muted);white-space:nowrap;position:sticky;top:0;z-index:3;-webkit-user-select:none;user-select:none;text-align:left}.gs-th-num{background:var(--bg-header);width:42px;min-width:42px;max-width:42px;text-align:center;color:var(--text-faint);font-weight:400;cursor:default;position:sticky;top:0;left:0;z-index:4}.gs-th-actions{width:68px;min-width:68px;cursor:default}.gs-th-inner{display:flex;align-items:center;gap:4px;overflow:hidden}.gs-th-label{overflow:hidden;text-overflow:ellipsis}.gs-sort-icon{color:var(--accent);font-size:11px;flex-shrink:0}.gs-tr .gs-td{background:var(--bg-card)}.gs-tr:nth-child(2n) .gs-td{background:var(--row-alt-bg)}.gs-tr:hover .gs-td{background:var(--bg-elevated)!important}.gs-tr:hover .gs-td-num{background:var(--bg-header)!important}.gs-td{border:1px solid var(--border);padding:0;height:30px;vertical-align:middle;position:relative;overflow:hidden}.gs-td-editable{cursor:cell}.gs-td-editable:hover{background:var(--cell-hover-bg)!important}.gs-td.gs-td-selected{outline:2px solid #3b82f6;outline-offset:-2px}.gs-td.is-editing{outline:2px solid #3b82f6;outline-offset:-2px;overflow:visible;z-index:10}.gs-td-num{background:var(--bg-header);color:var(--text-faint);font-size:11px;text-align:center;width:42px;min-width:42px;position:sticky;left:0;z-index:2;cursor:default;-webkit-user-select:none;user-select:none}.gs-td-actions{min-width:68px;width:68px;text-align:center}.gs-td-checkbox{min-width:52px;width:52px;text-align:center}.gs-cell-view{padding:0 8px;height:30px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;color:var(--text)}.gs-cell-center{justify-content:center}.gs-empty-cell{display:block}.gs-input{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);padding:0 8px;border:none;outline:none;background:var(--gs-input-bg);color:var(--text);font-size:13px;font-family:inherit;box-shadow:var(--gs-input-shadow);z-index:20;min-width:120px}select.gs-input{cursor:pointer}.gs-checkbox{width:15px;height:15px;cursor:pointer;accent-color:var(--accent)}.gs-checkbox:disabled{cursor:default}.gs-add-row-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border:none;border-top:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:13px;cursor:pointer;width:100%;transition:background .12s,color .12s}.gs-add-row-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--accent)}.gs-add-row-btn:disabled{opacity:.4;cursor:not-allowed}.gs-add-row-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--bg-elevated);font-size:16px;line-height:1;font-weight:300;color:var(--text-muted)}.gs-th{position:relative}.gs-resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:5}.gs-resize-handle:hover,.gs-resize-handle:active{background:var(--accent);opacity:.6}.tag-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1.5}.sel-drop{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);padding:4px 0;max-height:260px;overflow-y:auto}.sel-opt{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;color:var(--text);transition:background .1s}.sel-opt:hover{background:var(--bg-elevated)}.sel-opt.is-selected{background:var(--accent-dim)}.sel-check{margin-left:auto;color:var(--accent);font-size:13px;font-weight:700}.sel-save-btn{padding:7px 12px;border-top:1px solid var(--border);text-align:center;color:var(--accent);font-weight:600;cursor:pointer;font-size:13px}.sel-save-btn:hover{background:var(--bg-elevated)}.opts-editor{display:flex;flex-direction:column;gap:10px}.opts-multi-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text)}.opts-list{display:flex;flex-direction:column;gap:4px}.opts-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;transition:border-color .15s}.opts-item:hover{border-color:var(--accent)}.opts-item.drag-over{box-shadow:0 0 0 2px var(--accent)}.opts-item:active{cursor:grabbing}.opts-drag-handle{color:var(--text-faint);font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none}.opts-add-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-dot-row{display:flex;gap:4px;flex-shrink:0}.color-dot{width:18px;height:18px;border-radius:50%;cursor:pointer;transition:transform .1s;outline-offset:2px}.color-dot:hover,.color-dot.selected{transform:scale(1.2)}.ctx-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);padding:10px 12px;min-width:200px}.ctx-title{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.ctx-colors{display:flex;flex-wrap:wrap;gap:6px}.ctx-swatch{width:26px;height:26px;border-radius:6px;cursor:pointer;transition:transform .1s,box-shadow .1s}.ctx-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0006}[data-theme=light]{--bg-page: #ffffff;--bg-sidebar: #f8f9fa;--bg-card: #ffffff;--bg-header: #f3f4f6;--bg-elevated: #f0fdf9;--bg-input: #ffffff;--border: #e5e7eb;--border-light: #f3f4f6;--text: #111827;--text-muted: #6b7280;--text-faint: #9ca3af;--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .1);--success: #16a34a;--primary: #2dd4bf;--primary-dark: #0d9488;--primary-light: rgba(45, 212, 191, .12);--bg: #ffffff;--card: #ffffff;--border-old: #e5e7eb;--text-muted-old:#6b7280;--shadow: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--row-alt-bg: #f9fafb;--cell-hover-bg: #f0fdf9;--gs-input-bg: #ffffff;--gs-input-shadow: 0 4px 16px rgba(0,0,0,.12);--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af}[data-theme=light] .sidebar{border-right:1px solid #e5e7eb}[data-theme=light] .sidebar-title{color:#0f766e}[data-theme=light] .sidebar-item{color:#374151}[data-theme=light] .sidebar-item:hover{background:#0f766e12}[data-theme=light] .sidebar-subtitle,[data-theme=light] .sidebar-section-label{color:#6b7280}[data-theme=light] .sidebar-user-role.owner{background:#2dd4bf26;color:#0f766e}[data-theme=light] .btn-logout{border-color:#e5e7eb;color:#6b7280}[data-theme=light] .btn-logout:hover{background:#2dd4bf12}[data-theme=light] .btn-secondary{background:#f3f4f6;color:#374151;border-color:#e5e7eb}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#e5e7eb;color:#111827}[data-theme=light] .btn-ghost{color:#6b7280}[data-theme=light] .btn-ghost:hover{color:#111827}[data-theme=light] .gs-td-editable:hover{background:#f0fdf9!important}