@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.notification-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;animation:.2s fadeIn;position:fixed;inset:0}.notification-panel{background:var(--bg-main);z-index:1001;flex-direction:column;width:320px;height:100vh;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-350px;box-shadow:-4px 0 24px #0000001a}.notification-panel.open{right:0}.notification-header{border-bottom:1px solid var(--border-light);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-title{color:var(--navy);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.notification-actions{align-items:center;gap:12px;display:flex}.clear-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.clear-btn:hover{text-decoration:underline}.close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.close-btn:hover{color:var(--navy);background:#e2e8f0}.notification-list{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.notification-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.notification-item{border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.notification-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.notification-item.unread{background:#f0fdf4;border-color:#bbf7d0}.notification-icon{margin-top:2px}.notification-content{flex:1}.notification-item-title{color:var(--navy);margin-bottom:4px;font-size:13px;font-weight:600}.notification-item-message{color:var(--muted);margin-bottom:6px;font-size:12px;line-height:1.4}.notification-time{color:#94a3b8;font-size:11px}.unread-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--navy:#0d2a5c;--navy-light:#1a3a75;--navy-dark:#081b3d;--accent:#1e88e5;--accent-dark:#1565c0;--accent-light:#e3f2fd;--brand-green:#43a047;--brand-green-dark:#2e7d32;--brand-blue:#1e88e5;--brand-blue-dark:#1565c0;--brand-blue-light:#e3f2fd;--destructive:#e53935;--destructive-bg:#fdedec;--success:#43a047;--warning:#fb8c00;--background:#f5f7fa;--bg-light:#fff;--bg-secondary:#eef2f6;--table-bg:#fff;--surface:#fff;--white:#fff;--border-light:#e1e8f0;--border:#d1d9e6;--border-v:#0d2a5c0f;--foreground:#0d2a5c;--fg:#0d2a5c;--muted:#4b5e7e;--muted-light:#7e8da6;--placeholder:#a5b0c1;--sidebar-bg:#fff;--surface-hover:#f0f4f8;--primary:#e53935;--primary-light:#ef5350;--primary-dark:#c62828;--radius-sm:6px;--radius-md:10px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--radius-xxl:24px;--shadow-sm:0 1px 3px #0d2a5c0d;--shadow-md:0 4px 16px #0d2a5c14;--shadow-lg:0 8px 32px #0d2a5c1f;--shadow-button:0 2px 8px #0d2a5c26;--shadow-elevated:0 8px 24px #0d2a5c1f;--danger:#e53935}*{box-sizing:border-box;margin:0;padding:0}.toast-flex{align-items:center;gap:8px;display:flex}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:20px}:hover::-webkit-scrollbar-thumb{background:#c8c8c0 padding-box content-box;border:2px solid #0000}:hover::-webkit-scrollbar-thumb:hover{background:#a0a098 padding-box content-box;border:2px solid #0000}.spreadsheet-wrapper::-webkit-scrollbar{width:10px;height:10px}.spreadsheet-wrapper::-webkit-scrollbar-track{background:0 0}.spreadsheet-wrapper::-webkit-scrollbar-thumb{background:0 0;border-radius:20px}.spreadsheet-wrapper:hover::-webkit-scrollbar-thumb{background:#b0b0a8 padding-box content-box;border:2px solid #0000}.spreadsheet-wrapper::-webkit-scrollbar-thumb:hover{background:#888880!important}.saving-indicator{color:#1e293b;opacity:.7;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}*{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}:hover{scrollbar-color:#c8c8c0 transparent}.login-page{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 50%, var(--navy-light) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#e539351f 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;top:-30%;right:-20%}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#43a0471a 0%,#0000 65%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-20%;left:-15%}.login-card{background:var(--surface);border-radius:var(--radius-xxl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;border:1px solid var(--border);padding:48px;position:relative}.login-logo-wrap{flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;display:flex}.login-logo-img{object-fit:contain;background:#fff;border-radius:0;width:100px;height:100px;padding:0}.login-logo-badge{border-radius:var(--radius-xxl);color:var(--secondary);letter-spacing:.5px;text-transform:uppercase;background:#43a0471a;border:1px solid #43a04733;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.login-title{text-align:center;color:var(--navy);margin-bottom:6px;font-size:26px;font-weight:800}.login-title span{color:var(--accent)}.login-sub{text-align:center;color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--foreground);font-size:13px;font-weight:600}.login-input-group{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--background);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.login-input-group:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #0d2a5c14}.login-prefix{color:var(--muted);border-right:1px solid var(--border);background:var(--border-light);align-items:center;height:48px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.login-input{height:48px;color:var(--foreground);background:0 0;border:none;flex:1;width:100%;padding:0 16px;font-size:15px}.login-input::placeholder{color:var(--placeholder)}.login-btn{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:var(--radius-md);width:100%;height:48px;box-shadow:var(--shadow-button);letter-spacing:.2px;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.login-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #0d2a5c4d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-toggle{text-align:center;color:var(--muted);margin-top:24px;font-size:14px}.login-toggle button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;font-weight:700}.login-toggle button:hover{text-decoration:underline}.login-error{background:var(--destructive-bg);color:var(--destructive);border-radius:var(--radius-md);text-align:center;border:1px solid #e5393533;margin-bottom:20px;padding:12px;font-size:13px;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid #0000000d;flex-direction:column;flex-shrink:0;width:260px;min-width:220px;max-width:300px;height:100%;display:flex;position:relative;overflow:hidden}.sidebar-resize-handle{cursor:col-resize;z-index:10;background:0 0;flex-shrink:0;width:6px;transition:background .15s;position:relative}.sidebar-resize-handle:after{content:"";background:0 0;border-radius:1px;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:2px}.sidebar-resize-handle:hover{background:#2d364808}.sidebar-resize-handle:hover:after{background:var(--accent)}.sidebar-resize-handle:active{background:#2d36480d}.sidebar-resize-handle:active:after{background:var(--accent)}.sidebar-brand{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;min-height:60px;margin-bottom:12px;padding:16px 16px 12px;display:flex}.sidebar-brand-group{flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.sidebar-brand-logo{object-fit:contain;background:var(--white);border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0;box-shadow:0 1px 4px #0000000f}.sidebar-brand-text{flex-direction:column;justify-content:center;min-width:0;line-height:1.2;display:flex}.sidebar-brand-name{color:#334155;letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:600}.sidebar-brand-name span{color:var(--accent)}.sidebar-brand-sub{color:#94a3b8;letter-spacing:0;text-transform:none;white-space:nowrap;margin-top:1px;font-size:11px;font-weight:400}.sidebar-close-btn{color:var(--muted);background:0 0;margin-left:8px;display:none}.sidebar-header{padding:12px 20px 0}.sidebar-business{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:8px;transition:background .15s;display:flex}.sidebar-business:hover{background:var(--border-light)}.sidebar-avatar{background:var(--navy);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar-bname{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:700;overflow:hidden}.sidebar-search{background:#00000008;border:1px solid #0000;border-radius:12px;align-items:center;margin:12px 20px;padding:0 12px;transition:all .2s;display:flex}.sidebar-search:focus-within{background:var(--white);border-color:var(--accent);box-shadow:0 4px 12px #e8604c1a}.sidebar-search input{height:36px;color:var(--foreground);background:0 0;border:none;flex:1;margin-left:8px;font-size:13px}.sidebar-search input::placeholder{color:var(--placeholder)}.sidebar-add-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-new-section{padding:16px 20px 10px}.sidebar-new-btn{background:var(--navy);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sidebar-new-btn:hover{background:var(--navy-light);box-shadow:var(--shadow-md)}.sidebar-new-btn:active{transform:translateY(0)}.sidebar-action-row{gap:8px;display:flex}.sidebar-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--foreground);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.sidebar-action-btn:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.sidebar-list{flex:1;padding:8px 14px;overflow:hidden auto}.sidebar-section-label{color:var(--muted-light);letter-spacing:1px;text-transform:uppercase;padding:8px 8px 4px;font-size:10px;font-weight:700}.register-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-width:0;margin:2px 8px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.register-item:hover{background:#00000008}.register-item.active{background:var(--accent);color:var(--white);box-shadow:0 4px 12px #e8604c33}.register-item.active .register-item-name{color:var(--white);font-weight:700}.register-item.active .register-item-meta,.register-item.active .register-item-menu{color:#fffc}.register-icon-bg{background:var(--dyn-bg,#1b2a4a0f);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.register-item-info{flex:1;min-width:0}.register-item-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.register-item-meta{color:var(--muted);margin-top:2px;font-size:11px}.register-item-menu{opacity:0;width:28px;min-width:28px;height:28px;color:var(--border-hover,#ccc);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.register-item:hover .register-item-menu,.sidebar-folder-header:hover .register-item-menu{opacity:1;color:var(--navy)}.register-item-menu:hover{background:var(--border);color:var(--navy)}.file-item{overflow:visible}.file-item .file-item-menu{opacity:0}.file-item:hover .file-item-menu{opacity:1}.file-item--active .file-item-menu{opacity:1;background:var(--border-light);color:var(--navy)}.local-folder-header .folder-item-menu{opacity:0}.local-folder-header:hover .folder-item-menu,.local-folder-header:hover .register-item-menu{opacity:1}.local-folder-header.active .folder-item-menu{opacity:1;background:var(--border-light);color:var(--navy)}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 20px;display:flex}.sidebar-footer-logo{object-fit:contain;opacity:.85;background:#fff;border-radius:50%;width:28px;height:28px;padding:1.5px}.sidebar-footer-text{color:var(--muted);font-size:11px;font-weight:500}.content-area{background:var(--background);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-width:0;padding:16px;animation:.35s ease-out pageContentFadeIn;display:flex;overflow:hidden}@keyframes pageContentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dummy-spacer-fade{display:none}.register-header{background:var(--surface);border-bottom:1px solid var(--border-light);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.register-header-title{color:var(--foreground);letter-spacing:-.02em;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;margin-right:auto;padding:0;font-size:16px;font-weight:600;display:flex}.register-header-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--navy);background:var(--surface);cursor:pointer;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.register-header-btn:hover{background:var(--border-light);border-color:var(--navy)}.register-header-actions{align-items:center;gap:8px;display:flex}.export-dropdown-wrap{z-index:50;position:relative}.export-dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:240px;padding:6px;animation:.15s exportDropIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000002e,0 2px 6px #00000014}@keyframes exportDropIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.export-dropdown-item{border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--foreground);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex}.export-dropdown-item:hover{background:var(--bg-light)}.export-dropdown-item svg{color:var(--navy);flex-shrink:0}.export-dropdown-item-info{flex-direction:column;gap:1px;display:flex}.export-dropdown-item-label{color:var(--foreground);font-size:13px;font-weight:650}.export-dropdown-item-desc{color:var(--muted);font-size:11px;line-height:1.3}.export-dropdown-divider{background:var(--border);height:1px;margin:4px 8px}.modal-backdrop{z-index:12000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.save-template-modal{background:var(--surface);border-radius:var(--radius-xxl);border:1px solid var(--border);width:100%;max-width:480px;max-height:80vh;padding:28px;animation:.2s slideUp;overflow-y:auto;box-shadow:0 24px 64px #00000040,0 4px 16px #0000001f}.save-template-header{color:var(--navy);align-items:center;gap:10px;margin-bottom:8px;display:flex}.save-template-header h3{color:var(--foreground);flex:1;margin:0;font-size:18px;font-weight:800}.save-template-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.save-template-close:hover{background:var(--border-light);color:var(--foreground)}.save-template-desc{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.save-template-preview{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:18px;padding:12px 14px}.save-template-preview-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.save-template-preview-cols{flex-wrap:wrap;gap:6px;display:flex}.save-template-col-chip{background:var(--surface);border:1px solid var(--border);color:var(--foreground);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.save-template-col-type{color:var(--muted);background:var(--border-light);text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:500}.save-template-label{color:var(--foreground);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.save-template-input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;height:44px;color:var(--foreground);background:var(--background);box-sizing:border-box;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.save-template-input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #1a237e14}.save-template-input::placeholder{color:var(--placeholder)}.save-template-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.save-template-cancel{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);height:40px;color:var(--muted);cursor:pointer;padding:0 20px;font-size:13px;font-weight:600;transition:all .15s}.save-template-cancel:hover{background:var(--border-light);color:var(--foreground)}.save-template-save{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:var(--radius-md);cursor:pointer;height:40px;box-shadow:var(--shadow-button);border:none;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}.save-template-save:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.pab-history-btn{height:28px;color:var(--navy);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1a237e08,#1a237e12);border:1.5px solid #1a237e2e;border-radius:7px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;transition:all .15s;display:flex;position:relative}.pab-history-btn:hover{border-color:var(--navy);background:linear-gradient(135deg,#1a237e14,#1a237e24);transform:translateY(-1px);box-shadow:0 2px 8px #1a237e26}.pab-history-btn:active{transform:translateY(0);box-shadow:0 1px 3px #1a237e1a}.pab-history-btn.disabled{opacity:.35;pointer-events:none;color:var(--muted);background:0 0;border-color:#00000014}.pab-history-count{background:var(--navy);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.pab-icon-btn.disabled{opacity:.5;pointer-events:none}.register-toolbar{border-bottom:1px solid var(--border-light);background:var(--surface);z-index:15;flex-shrink:0;align-items:center;gap:6px;min-height:48px;padding:10px 24px;display:flex}.toolbar-action-group{background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:0;display:flex}.toolbar-icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:32px;color:var(--foreground);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex;position:relative}.toolbar-icon-btn:hover{background:var(--bg-light);border-color:var(--border);color:var(--foreground)}.toolbar-icon-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-light,#fdeeeb)}.toolbar-icon-btn.danger{color:#fff;background:var(--accent);border-color:var(--accent)}.toolbar-icon-btn.danger:hover{background:var(--accent-dark)}.toolbar-icon-label{font-size:12px;font-weight:500}.toolbar-badge{background:var(--navy);color:#fff;pointer-events:none;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:1px;right:1px}.toolbar-icon-btn.danger .toolbar-badge{background:var(--destructive)}.toolbar-btn-primary{border-radius:var(--radius-sm);background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;height:32px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.toolbar-btn-primary:hover{background:var(--navy-light);box-shadow:var(--shadow-sm)}.toolbar-divider{background:var(--border-light);flex-shrink:0;width:1px;height:20px;margin:0 6px}.toolbar-search-compact{align-items:center;max-width:26px;transition:max-width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.toolbar-search-compact.open{max-width:200px}.toolbar-search-input{width:160px;color:var(--foreground);background:0 0;border:none;outline:none;padding:0 6px;font-size:12px}.toolbar-search-input::placeholder{color:var(--placeholder)}.toolbar-stats{color:var(--muted);gap:12px;font-size:11px;display:flex}.toolbar-stat{align-items:center;gap:3px;display:flex}.toolbar-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:32px;color:var(--foreground);align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.toolbar-btn:hover{border-color:var(--border);color:var(--foreground);background:var(--bg-light)}.toolbar-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.toolbar-btn.danger{color:#fff;background:var(--accent);border-color:var(--accent)}.toolbar-btn.danger:hover{background:var(--accent-dark)}.pages-actions-bar{background:var(--surface);border-bottom:1px solid var(--border-light);z-index:14;flex-shrink:0;align-items:center;gap:4px;height:36px;padding:0 24px;display:flex}.pages-actions-tabs{flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.page-tab{color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.page-tab.active{background:var(--foreground);color:#fff;border-color:var(--foreground)}.page-tab:hover:not(.active){color:var(--foreground);background:var(--border-light)}.page-tab-close{opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;transition:all .12s;display:inline-flex}.page-tab:hover .page-tab-close,.page-tab.active .page-tab-close{opacity:0}.page-tab-close:hover{color:#fff;background:#fff3;opacity:1!important}.page-tab:not(.active) .page-tab-close:hover{color:var(--destructive);background:#dc26261a}.page-add-btn{color:var(--muted);border:1px dashed var(--muted-light,#ccc);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;font-size:11px;transition:all .15s;display:flex}.page-add-btn:hover{color:var(--navy);border-color:var(--navy)}.pab-tab-action-btn{border:1.5px solid var(--navy);height:26px;color:var(--navy);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.pab-tab-action-btn:hover{background:#1a237e0f}.pab-tab-action-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.pab-tab-action-btn.primary:hover{opacity:.85}.pages-actions-right{flex-shrink:0;align-items:center;gap:3px;display:flex}.pab-stat{color:var(--muted);white-space:nowrap;align-items:center;gap:3px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.pab-divider{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 4px}.pab-icon-btn{height:26px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:3px;padding:0 8px;font-size:11px;font-weight:600;transition:background .12s,color .12s;display:flex;position:relative}.pab-icon-btn:hover{background:var(--border);color:var(--navy)}.pab-icon-btn.active{color:var(--navy);background:#1a237e1a;border:1px solid #1a237e2e;box-shadow:0 1px 3px #1a237e14}.pab-icon-btn.danger{color:var(--destructive)}.pab-icon-btn.danger:hover{background:var(--destructive-bg)}.pab-label{font-size:11px;font-weight:600}.pab-badge{background:var(--navy);color:#fff;pointer-events:none;border-radius:7px;justify-content:center;align-items:center;min-width:13px;height:13px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:1px;right:1px}.pab-icon-btn.danger .pab-badge{background:var(--destructive)}.pab-search{background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:row-reverse;align-items:center;max-width:26px;transition:max-width .3s cubic-bezier(.4,0,.2,1),border-color .2s,background .2s;display:flex;overflow:hidden}.pab-search.open{border-color:var(--navy);background:var(--background);max-width:200px;box-shadow:0 0 0 2px #1a237e0f}.pab-search-input{width:0;min-width:0;color:var(--foreground);background:0 0;border:none;outline:none;padding:0;font-size:12px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s}.pab-search.open .pab-search-input{width:150px;padding:0 8px}.pab-search-input::placeholder{color:var(--placeholder)}.pab-filter-btn{height:26px;color:var(--navy);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1a237e0a,#1a237e14);border:1.5px solid #1a237e33;border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:700;transition:all .15s;display:flex;position:relative}.pab-filter-btn:hover{border-color:var(--navy);background:linear-gradient(135deg,#1a237e14,#1a237e24);transform:translateY(-1px);box-shadow:0 2px 6px #1a237e1f}.pab-filter-btn.active{background:linear-gradient(135deg, var(--navy), #1a237ed9);color:#fff;border-color:var(--navy);box-shadow:0 2px 8px #1a237e40}.pab-filter-btn.active:hover{box-shadow:0 4px 12px #1a237e4d}.pab-filter-count{min-width:16px;height:16px;color:var(--navy);background:#ffffffe6;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.pab-btn-primary{background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;height:26px;padding:0 12px;font-size:12px;font-weight:700;transition:opacity .12s,transform .12s;display:flex}.pab-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.spreadsheet-wrapper{overflow-anchor:none;will-change:transform;background:var(--surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1;position:relative;overflow:auto}.spreadsheet{table-layout:fixed;border-collapse:collapse;min-width:100%}.spreadsheet th{z-index:10;background:var(--surface);border-bottom:2px solid var(--border);border-right:1px solid var(--border-v);text-align:left;height:42px;color:var(--foreground);text-transform:none;letter-spacing:0;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;padding:0;font-size:12.5px;font-weight:600;transition:background .1s;position:sticky;top:0}.spreadsheet th:hover{background:#f8f8f5}.spreadsheet th.serial{text-align:center;cursor:default;z-index:12;background:var(--surface);width:50px;min-width:50px;position:sticky;left:0}.spreadsheet th.serial-header-checkbox{z-index:12;background:var(--table-bg);width:40px;min-width:40px;position:sticky;left:0}.spreadsheet th.actions{cursor:default;width:44px}.spreadsheet th .col-header-inner{align-items:center;gap:6px;min-width:40px;height:100%;padding:0 6px;display:flex;position:relative;overflow:hidden}.col-header-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;color:var(--foreground);flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.col-type-text-icon{width:14px;min-width:14px;color:var(--navy);opacity:.9;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.col-formula-badge{color:var(--navy);text-transform:uppercase;background:#1a237e1a;border:1px solid #1a237e33;border-radius:4px;margin-left:auto;padding:1px 4px;font-size:9px;font-weight:800}.spreadsheet th.dragging{opacity:.35;background:var(--table-bg)}.col-drag-ghost{pointer-events:none;z-index:10000;color:var(--navy,#1a237e);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:2px solid var(--navy,#1a237e);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.92;cursor:grabbing;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:700;display:flex;position:fixed;box-shadow:0 8px 32px #0000002e}.spreadsheet td{border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-v);white-space:nowrap;background:var(--surface);height:46px;color:var(--foreground);padding:0;font-size:13px}.spreadsheet td.serial{text-align:center;color:var(--muted-light);background:var(--surface);z-index:11;width:50px;min-width:50px;font-family:Inter,sans-serif;font-size:12px;position:sticky;left:0;overflow:hidden}.spreadsheet td.serial-header-checkbox{z-index:11;background:var(--surface);width:40px;min-width:40px;position:sticky;left:0}.spreadsheet td.actions{text-align:center;width:44px}.spreadsheet tr:hover td{background:#f8f8f5}.spreadsheet tr.mock td{opacity:.3;cursor:pointer}.spreadsheet tr.mock:hover td{opacity:.5;background:#f8f8f5}.cell-input{width:100%;height:100%;color:var(--foreground);box-sizing:border-box;background:0 0;border:none;padding:0 10px;font-size:13px}.cell-input:focus,.cell-date:focus,.cell-dropdown:focus,.cell-formula:focus,.cell-currency:focus{box-shadow:inset 0 0 0 2px var(--accent);z-index:5;background:#fff;outline:none;position:relative}.cell-date,.cell-dropdown{cursor:pointer;align-items:center;gap:6px;height:100%;min-height:42px;padding:0 12px;font-size:13px;transition:background .15s;display:flex}.cell-date:hover,.cell-dropdown:hover{background:var(--bg-light)}.cell-placeholder{color:var(--placeholder);opacity:0;pointer-events:none;transition:opacity .2s}.cell-dropdown:hover .cell-placeholder,.cell-dropdown:focus .cell-placeholder,.cell-url-wrap:hover .cell-placeholder,.cell-url-wrap:focus-within .cell-placeholder,.cell-currency:hover .cell-placeholder,.cell-currency:focus .cell-placeholder{opacity:1}.cell-input::placeholder{opacity:0;transition:opacity .2s}.cell-input:hover::placeholder,.cell-input:focus::placeholder{opacity:1}.cell-formula{height:100%;color:var(--navy);align-items:center;min-height:42px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.cell-formula.error{color:var(--destructive)}.cell-checkbox-wrap{justify-content:center;align-items:center;height:100%;display:flex}.cell-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--navy)}.cell-rating{align-items:center;gap:2px;height:100%;padding:0 8px;display:flex}.star-btn{cursor:pointer;color:var(--border);background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .1s,transform .1s}.star-btn.active{color:#f59e0b}.star-btn:hover{color:#f59e0b;transform:scale(1.2)}.cell-image-wrap{align-items:center;height:100%;padding:4px 8px;display:flex}.cell-image-inner{border-radius:4px;width:34px;height:34px;position:relative;overflow:hidden}.cell-image-thumb{object-fit:cover;cursor:pointer;border:1px solid var(--border);width:100%;height:100%;transition:transform .2s}.cell-image-overlay{color:#fff;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.cell-image-inner:hover .cell-image-thumb{transform:scale(1.1)}.cell-image-upload{color:var(--muted);cursor:pointer;border:1px dashed var(--border);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:11px;transition:all .15s;display:flex}.cell-image-upload:hover{border-color:var(--navy);color:var(--navy);background:#14532d0a}.calc-row{background:var(--surface);z-index:20;transition:all .2s;position:sticky;bottom:0;overflow:hidden;box-shadow:0 -2px 10px #0000000d;height:40px!important;max-height:40px!important}.calc-row:hover,.calc-row.calc-row-has-values,.calc-row.calc-row-expanded{background:#fdfdfd}.calc-row td{vertical-align:middle;box-sizing:border-box!important;padding:0 12px!important}.calc-cell-td{color:var(--navy);border-right:none;border-top:1px solid var(--border-light);cursor:pointer;background:var(--surface);white-space:nowrap;vertical-align:middle;padding:0;font-size:0;font-weight:600;line-height:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.calc-row .calc-cell-td{font-size:11px;line-height:40px;padding:0 12px!important}.calc-cell-td:hover{background:#2d364808}.calc-cell-has-value{padding:0 12px!important;font-size:10px!important;line-height:40px!important}.calc-cell-content{align-items:center;gap:4px;height:100%;display:flex}.calc-cell-inner{opacity:0;transition:opacity .15s,transform .15s;transform:translateY(0)}.calc-row.calc-row-expanded .calc-cell-inner,.calc-cell-td:hover .calc-cell-inner{opacity:1}.calc-label{color:var(--muted);margin-right:4px;font-size:10px}.calc-add-btn{border:1.5px dashed var(--muted-light);width:18px;height:18px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.calc-row:hover .calc-add-btn{opacity:1}.calc-add-btn:hover{border-color:var(--navy);color:var(--navy);background:#1e2d780f;transform:scale(1.15);box-shadow:0 2px 8px #1e2d781f}.cell-url-wrap{align-items:center;width:100%;height:100%;display:flex}.cell-url-wrap .cell-input{flex:1}.cell-url-link{color:var(--navy);opacity:.7;flex-shrink:0;align-items:center;padding:0 8px;transition:opacity .15s;display:flex}.cell-url-link:hover{opacity:1}.cell-auto-increment{height:100%;color:var(--navy);background:var(--table-bg);cursor:default;-webkit-user-select:text;user-select:text;align-items:center;gap:6px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:flex}.cell-auto-increment svg{opacity:.5;flex-shrink:0}.cell-currency{color:#166534;cursor:pointer;align-items:center;gap:4px;height:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.cell-currency:hover{background:#1665340a}.cell-currency:focus{outline-offset:-2px;z-index:2;background:#fff;outline:2px solid #217346;position:relative}.currency-editing{color:#166534;font-weight:600}.currency-editing::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.currency-editing::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.currency-editing{appearance:textfield}.sort-indicator{color:var(--navy);opacity:.7;flex-shrink:0;margin-left:-2px;font-size:9px;line-height:1}.spreadsheet th.frozen-col,.spreadsheet td.frozen-col{border-right:2px solid var(--navy)!important;background:var(--table-bg)!important}.spreadsheet td.frozen-col{background:var(--table-bg)!important}.row-menu-btn{width:28px;height:28px;color:var(--muted-light);opacity:0;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin:0 auto;transition:all .15s;display:flex}.spreadsheet tr:hover .row-menu-btn,.row-menu-btn:focus,.row-menu-btn:active,.row-menu-btn.menu-open{opacity:1}.row-menu-btn:hover{background:var(--border-light);color:var(--navy)}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex}.empty-logo{object-fit:contain;filter:drop-shadow(0 4px 16px #14532d26);background:#fff;border-radius:50%;width:100px;height:100px;margin-bottom:20px;padding:4px;animation:3s ease-in-out infinite float}.empty-icon{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:3s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-title{color:var(--foreground);margin-bottom:8px;font-size:22px;font-weight:800}.empty-sub{color:var(--muted);max-width:400px;margin-bottom:24px;font-size:14px;line-height:1.6}.empty-btn{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-button);align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.empty-btn:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:11000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius-xxl);width:100%;max-width:460px;max-height:80vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:28px;animation:.15s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:var(--foreground);margin-bottom:20px;font-size:18px;font-weight:800}.modal-label{color:var(--foreground);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;height:42px;color:var(--foreground);background:var(--background);margin-bottom:16px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.modal-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #14532d14}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-cancel-btn{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);height:40px;color:var(--muted);padding:0 20px;font-size:13px;font-weight:600;transition:all .15s}.modal-cancel-btn:hover{background:var(--border-light);color:var(--foreground)}.modal-confirm-btn{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:var(--radius-md);height:40px;box-shadow:var(--shadow-button);padding:0 20px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .1s}.modal-confirm-btn:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.modal-confirm-btn:disabled{opacity:0;cursor:not-allowed}.modal-confirm-btn.danger{background:var(--destructive)}.context-menu{background:var(--surface);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:8px;animation:.15s slideUp}.context-popover-layer{z-index:1000;position:fixed;inset:0}.manage-cols-item:hover{background:var(--surface-hover)!important}.manage-cols-item:hover .unhide-badge{background:var(--navy)!important;color:#fff!important}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.context-menu-column{max-height:min(70vh,100vh - 90px);position:fixed;overflow-y:auto}.context-menu-wide{min-width:260px;max-height:70vh;overflow-y:auto}.context-title{color:var(--foreground);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.context-type-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--border-light);color:var(--muted);border-radius:var(--radius-sm);margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.context-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted-light);padding:4px 12px 2px;font-size:10px;font-weight:700}.context-divider{background:var(--border-light);height:1px;margin:4px 8px}.context-item{border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.context-item:hover{background:var(--border-light)}.context-item:disabled{opacity:.35;cursor:not-allowed}.context-item:disabled:hover{background:0 0}.context-item.danger{color:var(--destructive)}.context-item.danger:hover{background:var(--destructive-bg)}.context-check{color:var(--navy);margin-left:auto}.context-item-info{flex-direction:column;gap:1px;display:flex}.context-item-info span:first-child{color:var(--foreground);font-size:13px;font-weight:550}.context-item-desc{color:var(--muted);font-size:11px;font-weight:400;line-height:1.3}.hidden-cols-btn{border-radius:var(--radius-md);height:32px;color:var(--accent);cursor:pointer;background:#e6301214;border:1px solid #e6301233;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hidden-cols-btn:hover{background:#e6301224}.load-more-container{text-align:center;background:#fff;padding:20px}.load-more-btn{border:1px solid var(--border);color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.load-more-btn:hover{background:var(--bg-light);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.template-modal-header{border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;align-items:center;gap:16px;margin:-28px -28px 20px;padding:24px 28px;display:flex}.template-modal-header-icon{color:#fff;background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.template-modal-header-title{color:#fff;font-size:18px;font-weight:800}.template-modal-header-sub{color:#ffffffb3;font-size:13px}.template-modal-close{color:#fffc;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;margin-left:auto;padding:6px;transition:all .15s;display:flex}.template-modal-close:hover{color:#fff;background:#ffffff40}.tpl-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);margin-bottom:12px;padding:18px;transition:all .15s}.tpl-card:hover{border-color:var(--navy);box-shadow:var(--shadow-sm);background:var(--surface)}.tpl-card-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.tpl-name{color:var(--foreground);font-size:15px;font-weight:700}.tpl-desc{color:var(--muted);margin-top:2px;font-size:12px}.tpl-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tpl-chip{color:var(--navy);background:#14532d12;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.tpl-use-btn{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:var(--radius-md);width:100%;height:38px;box-shadow:var(--shadow-button);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}.tpl-use-btn:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.tpl-use-btn:disabled{opacity:0}.type-chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.type-chip{border:1.5px solid var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.type-chip.active{border-color:var(--navy);background:var(--navy);color:#fff}.type-chip:hover:not(.active){border-color:var(--navy);color:var(--navy);background:#14532d0a}.dropdown-option{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--background);justify-content:space-between;align-items:center;margin-bottom:6px;padding:12px 14px;font-size:14px;transition:all .15s;display:flex}.dropdown-option:hover{border-color:var(--navy);background:#14532d08}.dropdown-option.selected{border-color:var(--navy);color:var(--navy);background:#14532d0f;font-weight:600}.formula-hint{border-radius:var(--radius-sm);border-left:3px solid var(--navy);background:#14532d0f;align-items:flex-start;gap:6px;margin-bottom:16px;padding:10px;display:flex}.formula-hint-text{color:var(--muted);font-size:12px;line-height:1.4}.guidance-banner{background:linear-gradient(135deg, var(--navy-dark), var(--navy));border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-button);align-items:center;gap:14px;margin:12px 24px;padding:14px 18px;transition:transform .1s,box-shadow .1s;display:flex}.guidance-banner:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.guidance-icon{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.guidance-title{color:#fff;font-size:14px;font-weight:700}.guidance-sub{color:#ffffffb3;font-size:12px}.guidance-add{width:36px;height:36px;color:var(--accent);background:#eab30840;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:32px 40px;display:grid}.category-card{border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;transition:all .2s;display:flex}.category-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.category-icon{color:#fff;background:var(--dyn-bg,var(--navy));border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.category-name{color:var(--foreground);font-size:14px;font-weight:700}.category-count{color:var(--muted);font-size:12px}.filter-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.filter-chip{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.filter-chip.active{border-color:var(--navy);background:var(--navy);color:#fff}.filter-chip:hover:not(.active){border-color:var(--navy);color:var(--navy)}.share-link-row{gap:8px;margin-bottom:20px;display:flex}.share-link-box{background:var(--border-light);border-radius:var(--radius-md);border:1px solid var(--border);height:40px;color:var(--muted);flex:1;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex;overflow:hidden}.share-copy-btn{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:var(--radius-md);align-items:center;gap:4px;height:40px;padding:0 12px;font-size:12px;font-weight:600;transition:transform .1s;display:flex}.share-copy-btn:hover{transform:translateY(-1px)}.share-add-row{gap:8px;margin-bottom:8px;display:flex}.shared-user-row{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:8px 0;display:flex}.shared-user-avatar{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.badge-accent{color:var(--accent-dark);background:#eab30826;border:1px solid #eab3084d;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.dot-accent{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner.dark{border-color:#14532d1a;border-top-color:var(--navy)}.text-navy{color:var(--navy)}.text-accent{color:var(--accent-dark)}.bg-navy{background:var(--navy)}.bg-accent{background:var(--accent)}.login-error{background:var(--destructive-bg);color:var(--destructive);border-left:3px solid var(--destructive);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.login-devnote{color:var(--muted-light);text-align:center;margin-top:24px;font-size:11px}.registers-content{box-sizing:border-box;flex:1;max-width:100%;padding:40px 40px 80px;overflow-y:auto}.registers-heading{color:var(--foreground);margin-bottom:8px;font-size:22px;font-weight:800}.registers-subheading{color:var(--muted);margin-bottom:24px;font-size:14px}.category-card--dashed{border-style:dashed}.category-icon--muted{background:var(--muted-light)}.modal-content--wide{max-width:520px;max-height:85vh}.empty-actions{gap:12px;display:flex}.empty-btn-secondary{background:var(--surface);color:var(--navy);border:1px solid var(--border);cursor:pointer}.hidden-input{display:none}.uploading{opacity:.5;pointer-events:none}.center-loader{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;height:100%;min-height:300px;animation:.2s fadeIn;display:flex}.center-loader-text{color:var(--muted);letter-spacing:.3px;font-size:13px;font-weight:500}.spinner-large{border-width:3px;width:36px;height:36px}.book-loader-wrapper{background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;animation:.3s fadeIn;display:flex}.book-loader{perspective:200px;width:60px;height:40px;position:relative}.book-loader:before,.book-loader:after{content:"";background:var(--surface);border:2px solid var(--navy);border-radius:4px;width:30px;height:40px;position:absolute;top:0}.book-loader:before{border-right:none;border-radius:4px 0 0 4px;left:0}.book-loader:after{border-left:none;border-radius:0 4px 4px 0;right:0}.book-loader .page{background:var(--white);border:2px solid var(--navy);transform-origin:0;z-index:2;border-radius:0 4px 4px 0;width:30px;height:40px;animation:1.5s ease-in-out infinite pageFlip;position:absolute;top:0;right:0}.book-loader .page:nth-child(2){animation-delay:.25s}.book-loader .page:nth-child(3){animation-delay:.5s}.book-loader .page:nth-child(4){animation-delay:.75s}@keyframes pageFlip{0%{background:var(--white);z-index:2;transform:rotateY(0)}50%{border-color:var(--navy);background:#f4f7ff}to{background:var(--white);z-index:1;opacity:0;transform:rotateY(-180deg)}}.register-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.col-header-cell{min-width:100px;max-width:220px}.mock-cell-content{color:var(--placeholder);padding:0 12px;font-size:13px}.calc-cell-sm{width:40px}.calc-cell-md{cursor:default;width:50px}.calc-cell-flex{flex:1;min-width:140px}.calc-cell-lg{width:44px}.modal-p-text{color:var(--muted);margin-bottom:16px;font-size:13px}.modal-header-flex{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title-no-margin{margin:0}.clear-all-btn{color:var(--destructive);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.filter-modal{max-width:440px;max-height:85vh;overflow-y:auto}.filter-active-list{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.filter-chip{background:var(--bg-light);border:1px solid var(--border);color:var(--foreground);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.filter-chip-col{font-weight:600}.filter-chip-op{color:var(--navy);font-weight:500}.filter-chip-val{color:var(--muted);font-style:italic}.filter-chip-remove{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0;display:flex}.filter-chip-remove:hover{color:var(--destructive)}.filter-add-btn{background:var(--bg-light);border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--navy);align-items:center;gap:6px;margin-bottom:12px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.filter-add-btn:hover{border-color:var(--navy);background:#14532d0a}.filter-wizard{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:12px;overflow:hidden}.filter-wizard-header{letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.filter-wizard-close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px;display:flex}.filter-wizard-close:hover{color:var(--foreground)}.filter-col-search{border-bottom:1px solid var(--border-light);color:var(--muted);align-items:center;gap:8px;padding:8px 14px;display:flex}.filter-col-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:13px}.filter-col-list{border-bottom:1px solid var(--border-light);max-height:180px;overflow-y:auto}.filter-col-item{cursor:pointer;width:100%;color:var(--foreground);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.filter-col-item:hover{background:var(--bg-light)}.filter-col-item.active{color:var(--navy);background:#14532d14;font-weight:700}.filter-col-arrow{color:var(--navy);margin-left:auto}.filter-section-label{letter-spacing:.5px;color:var(--foreground);border-bottom:1px solid var(--border-light);padding:8px 14px 4px;font-size:11px;font-weight:700}.filter-op-list{max-height:220px;overflow-y:auto}.filter-op-item{cursor:pointer;width:100%;color:var(--foreground);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.filter-op-item:hover{background:var(--bg-light)}.filter-op-item.active{font-weight:600}.filter-radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.filter-radio.checked{border-color:var(--navy)}.filter-radio.checked:after{content:"";background:var(--navy);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.filter-value-area{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.filter-value-area .modal-input{margin-bottom:0}.filter-wizard-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.filter-confirm-btn{background:var(--accent)!important;color:#fff!important}.filter-confirm-btn:disabled{opacity:.5;cursor:not-allowed!important}.filter-empty-state{background:var(--bg-light);border:1px dashed var(--border-light);color:var(--muted);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;padding:24px 16px;font-size:13px;display:flex}.filter-empty-state p{margin:0;line-height:1.5}.pab-filter-wrapper{position:relative}.filter-dropdown-panel{z-index:1000;border:1px solid var(--border);background:#fff;border-radius:10px;width:360px;max-height:480px;animation:.18s ease-out fdpSlideIn;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 32px #00000024,0 2px 8px #0000000f}@keyframes fdpSlideIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fdp-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.fdp-title{color:var(--navy);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.fdp-header-actions{align-items:center;gap:6px;display:flex}.fdp-clear-btn{color:var(--destructive);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:11px;font-weight:600}.fdp-clear-btn:hover{text-decoration:underline}.fdp-close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:2px;display:flex}.fdp-close-btn:hover{color:var(--foreground);background:var(--bg-light)}.fdp-active-list{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:5px;padding:8px 14px;display:flex}.fdp-chip{color:var(--foreground);background:#1a237e0f;border:1px solid #1a237e1f;border-radius:14px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.fdp-chip-col{color:var(--navy);font-weight:600}.fdp-chip-op{color:var(--navy);opacity:.7;font-weight:500}.fdp-chip-val{color:var(--muted);font-style:italic}.fdp-chip-remove{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0;display:flex}.fdp-chip-remove:hover{color:var(--destructive)}.fdp-add-btn{background:var(--bg-light);border:1px dashed var(--border);cursor:pointer;width:calc(100% - 28px);color:var(--navy);border-radius:6px;align-items:center;gap:6px;margin:8px 14px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.fdp-add-btn:hover{border-color:var(--navy);background:#1a237e0a}.fdp-wizard{border-top:1px solid var(--border-light)}.fdp-wizard-header{letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 14px;font-size:10px;font-weight:700;display:flex}.fdp-col-search{border-bottom:1px solid var(--border-light);color:var(--muted);align-items:center;gap:8px;padding:7px 14px;display:flex}.fdp-col-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:12px}.fdp-col-list{border-bottom:1px solid var(--border-light);max-height:140px;overflow-y:auto}.fdp-col-item{cursor:pointer;width:100%;color:var(--foreground);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:500;transition:background .1s;display:flex}.fdp-col-item:hover{background:var(--bg-light)}.fdp-col-item.active{color:var(--navy);background:#1a237e0f;font-weight:700}.fdp-arrow{color:var(--navy);margin-left:auto}.fdp-section-label{letter-spacing:.5px;color:var(--foreground);border-bottom:1px solid var(--border-light);padding:6px 14px 3px;font-size:10px;font-weight:700}.fdp-op-list{max-height:160px;overflow-y:auto}.fdp-op-item{cursor:pointer;width:100%;color:var(--foreground);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 14px;font-size:12px;transition:background .1s;display:flex}.fdp-op-item:hover{background:var(--bg-light)}.fdp-op-item.active{font-weight:600}.fdp-radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:15px;height:15px;transition:all .15s;position:relative}.fdp-radio.checked{border-color:var(--navy)}.fdp-radio.checked:after{content:"";background:var(--navy);border-radius:50%;width:7px;height:7px;position:absolute;top:2px;left:2px}.fdp-value-area{border-top:1px solid var(--border-light);flex-direction:column;gap:6px;padding:8px 14px;display:flex}.fdp-input{border:1px solid var(--border);width:100%;color:var(--foreground);box-sizing:border-box;background:#fff;border-radius:6px;outline:none;padding:7px 10px;font-size:12px}.fdp-input:focus{border-color:var(--navy);box-shadow:0 0 0 2px #1a237e14}.fdp-wizard-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:6px;padding:8px 14px;display:flex}.fdp-cancel-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .12s}.fdp-cancel-btn:hover{border-color:var(--foreground);color:var(--foreground)}.fdp-confirm-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .12s}.fdp-confirm-btn:hover{opacity:.85}.fdp-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.fdp-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;font-size:12px;display:flex}.fdp-empty p{margin:0}.fdp-footer{border-top:1px solid var(--border-light);justify-content:space-between;gap:8px;padding:10px 14px;display:flex}.fdp-apply-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .12s}.fdp-apply-btn:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 2px 6px #1a237e33}.modal-max-70{max-height:70vh}.modal-max-360{max-width:360px}.modal-max-380{max-width:380px}.modal-max-480{max-width:480px}.dropdown-options-container{max-height:300px;overflow-y:auto}.dropdown-clear-btn{width:100%;margin-top:12px}.share-link-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.share-phone-input{flex:1;margin-bottom:0}.share-perm-select{width:100px;margin-bottom:0}.shared-user-label{margin-top:16px}.shared-user-info-wrapper{flex:1}.shared-user-name{font-size:13px;font-weight:600}.shared-user-phone{color:var(--muted);font-size:11px}.modal-close-btn{width:100%;margin-top:20px}.date-picker-flex{gap:12px;margin-bottom:20px;display:flex}.date-picker-flex-1{flex:1}.date-picker-flex-1-5{flex:1.5}.active-calc{background:#1b2a4a14;font-weight:700}.modal-delete-page-btn{color:var(--destructive)}.frozen-pin{margin-left:4px}.serial-header-checkbox{width:40px}.templates-page-root{background:var(--background);min-height:100vh}.templates-page-body{padding:32px 40px}.templates-heading{margin-bottom:4px;font-size:20px;font-weight:800}.templates-subheading{color:var(--muted);margin-bottom:24px;font-size:14px}.categories-grid--no-pad{padding:0!important}.modal-content--tpl{max-width:520px;max-height:85vh}.bg-cat-property{background-color:#3b82f6}.bg-cat-school{background-color:#10b981}.bg-cat-shop{background-color:#f59e0b}.bg-cat-transport{background-color:#6366f1}.bg-cat-wholesaler{background-color:#8b5cf6}.bg-cat-distributors{background-color:#ec4899}.bg-cat-event{background-color:#ef4444}.bg-cat-hospitals{background-color:#14b8a6}.bg-cat-restaurant{background-color:#f97316}.bg-cat-fitness{background-color:#06b6d4}.bg-cat-apartment{background-color:#64748b}.bg-cat-student{background-color:#0284c7}.bg-cat-insurance{background-color:#059669}.bg-cat-farming{background-color:#84cc16}.bg-cat-travel{background-color:#d946ef}.bg-cat-default{background-color:var(--navy)}.register-item-activity{color:var(--muted);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:11px;font-style:italic;display:-webkit-box;overflow:hidden}.hidden-file-input,.mobile-topbar,.sidebar-overlay{display:none}.sidebar-close-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;display:none}@media (width<=1024px){.sidebar{width:230px;min-width:200px}.register-toolbar{gap:6px;padding:8px 16px}.toolbar-search{width:170px}.register-header{padding:0 16px}.pages-bar{padding:6px 16px}.spreadsheet th{padding:0 10px;font-size:11px}.spreadsheet td{font-size:12px}.cell-input,.cell-date,.cell-dropdown,.cell-formula{padding:0 8px;font-size:12px}.templates-page-body{padding:24px}.registers-content{padding:28px}}@media (width<=768px){.app-layout{flex-direction:column;height:100dvh;overflow:hidden}.register-layout{height:100vh;overflow:hidden}.mobile-topbar{background:linear-gradient(135deg, var(--navy-dark), var(--navy));z-index:200;flex-shrink:0;align-items:center;gap:10px;width:100%;height:52px;padding:0 14px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0003}.mobile-menu-btn{border-radius:var(--radius-sm);color:#fff;background:#ffffff1f;border:1px solid #ffffff40;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-topbar-brand{color:#fff;white-space:nowrap;flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.mobile-topbar-logo{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.mobile-topbar-add{border-radius:var(--radius-sm);color:#fff;background:#ffffff1f;border:1px solid #ffffff40;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar{z-index:300;width:min(280px,85vw);height:100dvh;transition:transform .18s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0003}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:block;position:fixed;inset:0}.sidebar-close-btn{display:flex}.sidebar-resize-handle{display:none}.content-area{flex:1;min-height:0;padding:0;overflow:hidden}.login-page{padding:16px}.login-card{border-radius:var(--radius-xl);max-width:100%;padding:28px 20px}.login-logo-img{width:72px;height:72px}.login-title{font-size:20px}.otp-box{width:40px;height:46px;font-size:18px}.register-header{flex-wrap:nowrap;gap:6px;height:46px;padding:0 10px;overflow:hidden}.register-header-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.register-header-btn{white-space:nowrap;flex-shrink:0;gap:3px;padding:4px 8px;font-size:11px}.register-toolbar{flex-wrap:nowrap;gap:5px;padding:6px 10px;overflow:auto hidden}.register-toolbar::-webkit-scrollbar{display:none}.toolbar-search{flex-shrink:0;width:130px;min-width:110px;height:32px}.toolbar-btn{white-space:nowrap;flex-shrink:0;height:32px;padding:0 9px;font-size:11px}.toolbar-stats{display:none}.pages-bar{flex-wrap:nowrap;gap:3px;padding:5px 10px;overflow-x:auto}.pages-bar::-webkit-scrollbar{display:none}.page-tab{flex-shrink:0;padding:4px 10px;font-size:11px}.page-add-btn{flex-shrink:0}.spreadsheet-wrapper{contain:layout;overflow-anchor:none;flex:1;overflow:auto}.spreadsheet th{min-width:80px;height:36px;padding:0 8px;font-size:11px}.spreadsheet th.serial{width:36px;min-width:36px;left:0}.spreadsheet th.serial-header-checkbox{width:32px;min-width:32px;left:0}.spreadsheet th.actions{width:32px;min-width:32px}.col-header-cell{min-width:80px!important}.spreadsheet td{height:38px;font-size:12px}.spreadsheet td.serial{width:36px;min-width:36px;font-size:11px;left:0}.spreadsheet td.serial-header-checkbox{width:32px;min-width:32px;left:0}.spreadsheet td.actions{width:32px}.cell-input,.cell-date,.cell-dropdown,.cell-formula{padding:0 6px;font-size:12px}.guidance-banner{gap:10px;margin:8px 10px;padding:10px 14px}.guidance-title{font-size:13px}.guidance-sub{font-size:11px}.calc-cell-td{padding:0 10px;font-size:10px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;border-left:none;border-right:none;max-height:90dvh;padding:20px 16px 32px;width:100%!important;max-width:100%!important}.modal-title{font-size:16px}.modal-input{height:40px;font-size:14px}.modal-actions{flex-direction:column-reverse}.modal-cancel-btn,.modal-confirm-btn{justify-content:center;width:100%}.context-menu{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70dvh;animation:.2s slideUp;overflow-y:auto;box-shadow:0 -4px 24px #00000026;width:100%!important;position:fixed!important;inset:auto 0 0!important}.templates-page-body{padding:16px 12px}.templates-heading{font-size:18px}.templates-subheading{font-size:13px}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0!important}.category-card{padding:16px 12px}.category-icon{width:44px;height:44px}.registers-content{padding:16px 12px}.registers-heading{font-size:18px}.registers-subheading{margin-bottom:16px;font-size:13px}.empty-state{padding:40px 20px}.empty-logo{width:72px;height:72px}.empty-title{font-size:18px}.empty-sub{font-size:13px}.empty-actions{flex-direction:column;width:100%}.empty-btn{justify-content:center;width:100%}.type-chips{gap:4px}.type-chip{padding:5px 9px;font-size:11px}.filter-row{flex-wrap:wrap}.filter-select,.filter-operator,.filter-value{width:100%}.share-add-row{flex-wrap:wrap;gap:6px}.share-phone-input{width:100%}}@media (width<=400px){.login-card{padding:22px 14px}.otp-input-row{gap:5px}.otp-box{width:36px;height:42px;font-size:16px}.register-toolbar{padding:5px 6px}.toolbar-search{width:100px;min-width:90px}.toolbar-btn{padding:0 7px;font-size:10px}.register-header-btn{padding:3px 6px;font-size:10px}.categories-grid{grid-template-columns:1fr!important}}.error-boundary-container{background:var(--surface);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex}.error-boundary-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xxl);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:16px;padding:40px 32px;display:flex}.error-boundary-title{color:var(--foreground);margin:0;font-size:20px;font-weight:800}.error-boundary-text{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.error-boundary-btn{background:var(--navy);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;height:44px;margin-top:8px;padding:0 24px;font-size:14px;font-weight:700;transition:all .15s}.error-boundary-btn:hover{box-shadow:var(--shadow-button);background:var(--navy-dark);transform:translateY(-1px)}.save-toast{background:var(--brand-green,#4caf1a);color:#fff;z-index:99999;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s ease-out toast-slide-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000040}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar-stat--row-count{align-items:center;gap:4px;display:flex}.toolbar-row-input{color:inherit;text-align:center;font-weight:inherit;font-size:inherit;background:0 0;border:none;outline:none;min-width:1ch;padding:0}.local-folder-header{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;background:0 0;align-items:center;padding:8px;font-size:14px;transition:background .15s;display:flex;position:relative}.local-folder-header.open{background:#e0e7ff80}.local-folder-header.active{background:#1a56db12}.folder-chevron-icon{color:#6b7280;flex-shrink:0;justify-content:center;width:16px;display:flex}.folder-chevron-icon.open{color:#1a56db}.folder-chevron-placeholder{width:14px;display:inline-block}.folder-icon{flex-shrink:0;margin-left:6px;margin-right:8px}.folder-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-permission-badge{color:#f59e0b;margin-left:6px;font-size:10px}.folder-item-menu{opacity:0;transition:opacity .15s}.local-folder-header:hover .folder-item-menu,.folder-item-menu.visible{opacity:1}.file-item{background:0 0;padding-top:6px;padding-bottom:6px;padding-right:8px;border-bottom:none!important}.file-item--active{background:#1a56db12!important}.file-item-icon{flex-shrink:0;margin-right:8px}.file-item-name{color:#1f2937;font-size:13px}.sidebar-list--local{padding:0 0 20px}.templates-page-scroll{overflow-y:auto}.row-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9500;background:#080c18b3;justify-content:center;align-items:center;padding:20px;animation:.3s overlayFadeIn;display:flex;position:fixed;inset:0}body.modal-open{overflow:hidden!important}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.row-detail-modal{background:#fff;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:min(500px,100%);max-height:calc(100vh - 40px);animation:.3s cubic-bezier(.34,1.56,.64,1) modalCenterPop;display:flex;overflow:hidden;box-shadow:0 32px 100px #0000004d,0 8px 32px #0000001f}@keyframes modalCenterPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.row-detail-header{background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%);border-bottom:1px solid #e8ecf0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 18px;display:flex}.row-detail-title{align-items:center;gap:12px;display:flex}.row-detail-badge{background:var(--navy,#1a237e);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.row-detail-header h2{color:var(--navy,#1a237e);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.row-detail-close{color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;transition:background .15s,color .15s;display:flex}.row-detail-close:hover{color:#dc2626;background:#fee2e2}.row-detail-body{flex:1;gap:16px;padding:20px 24px;overflow-y:auto;grid-template-columns:1fr!important;display:grid!important}.row-detail-field{background:#f8faff;border:1px solid #e5eaf5;border-radius:10px;flex-direction:column;gap:5px;padding:12px 14px;transition:box-shadow .15s;display:flex}.row-detail-field:hover{border-color:#c5cff0;box-shadow:0 2px 8px #1a237e14}.row-detail-label-group{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.row-detail-label{letter-spacing:.5px;text-transform:uppercase;color:var(--navy,#1a237e);opacity:.8;align-items:center;font-size:11px;font-weight:700;display:flex}.row-detail-type-badge{text-transform:uppercase;color:#64748b;letter-spacing:.5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700}.row-detail-value{color:#1a1a2e;word-break:break-word;font-size:14px;font-weight:500;line-height:1.5}.row-detail-empty{color:#ccc;font-style:italic;font-weight:400}.row-detail-footer{background:#fafbff;border-top:1px solid #e8ecf0;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.row-detail-btn-close{color:#444;cursor:pointer;background:#fff;border:1px solid #dce0f0;border-radius:8px;padding:8px 22px;font-size:13px;font-weight:600;transition:all .15s}.row-detail-btn-close:hover{background:var(--navy,#1a237e);color:#fff;border-color:var(--navy,#1a237e)}.row-detail-edit-toggle{border:1.5px solid var(--navy,#1a237e);color:var(--navy,#1a237e);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.row-detail-edit-toggle:hover{background:#1a237e0f}.row-detail-edit-toggle.active{color:#dc2626;background:#fff0f0;border-color:#dc2626}.row-detail-input{color:#1a1a2e;background:#fff;border:1.5px solid #dce2f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.row-detail-input:focus{border-color:var(--blue,#2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.row-detail-input.invalid{background-color:#fffbeb;border-color:#f59e0b}.row-detail-error-msg{color:#d97706;align-items:center;gap:4px;margin-top:4px;font-size:10px;font-weight:600;animation:.2s slideInDown;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.row-detail-dropdown-trigger{color:#1a1a2e;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #dce2f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.row-detail-dropdown-trigger:hover{background:#f8faff;border-color:#c5cff0}.auto-increment-readonly{cursor:not-allowed;align-items:center;gap:8px;display:flex;color:#64748b!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.row-detail-btn-save{background:var(--navy,#1a237e);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 22px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s}.row-detail-btn-save:hover{opacity:.88;transform:translateY(-1px)}.modern-date-picker{-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.calendar-nav-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.calendar-nav-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.calendar-title{flex-direction:column;align-items:center;gap:1px;display:flex}.calendar-month{color:#1e293b;font-size:14px;font-weight:700}.calendar-year{color:#94a3b8;font-size:11px;font-weight:500}.calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.calendar-weekday{text-align:center;color:#94a3b8;padding:4px 0;font-size:11px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-day{aspect-ratio:1;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .15s;display:flex}.calendar-day:hover:not(.empty){color:var(--blue,#2563eb);background:#f1f5f9}.calendar-day.selected{font-weight:700;background:var(--blue,#2563eb)!important;color:#fff!important}.calendar-day.today{color:var(--blue,#2563eb);font-weight:700;position:relative}.calendar-day.today:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.calendar-day.empty{cursor:default}.calendar-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.calendar-today-btn{color:var(--blue,#2563eb);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.calendar-today-btn:hover{background:#2563eb0d}.calendar-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.calendar-cancel-btn:hover{color:#1e293b}.calc-cell-content{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;margin:1px 0;padding:2px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.calc-cell-content:hover{border-color:var(--border);box-shadow:var(--shadow-sm);background:#1e2d780a;transform:translateY(-1px)}.calc-dropdown-icon{color:var(--navy);opacity:.4;align-items:center;transition:opacity .2s;display:flex}.calc-cell-content:hover .calc-dropdown-icon{opacity:1}.calc-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.calc-value{color:var(--navy);font-size:13px;font-weight:800}.calc-dropdown-menu{border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);background:#fff;padding:6px}.popover-overlay{z-index:10000;background:0 0;position:fixed;inset:0}.popover-content{border:1.5px solid var(--border);z-index:10001;background:#fff;border-radius:12px;animation:.2s cubic-bezier(.16,1,.3,1) popoverReveal;overflow:hidden;box-shadow:0 12px 30px -8px #00000026,0 4px 12px -4px #0000001a}@keyframes popoverReveal{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-popover{flex-direction:column;display:flex}.dropdown-search-container{border-bottom:1px solid var(--border-light);background:var(--bg-soft);align-items:center;gap:8px;padding:8px 12px;display:flex}.dropdown-search-container .search-icon{color:var(--text-muted)}.dropdown-search-input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:13px}.dropdown-search-input::placeholder{color:var(--text-light)}.dropdown-no-results{text-align:center;color:var(--text-muted);padding:12px;font-size:12px;font-style:italic}.add-new-opt{border-top:1px dashed var(--border);margin-top:4px;color:var(--primary)!important;background:#22c55e0d!important;font-weight:600!important}.add-new-opt:hover{background:#22c55e1a!important}.add-new-opt .plus-icon{margin-right:8px}.dropdown-modal-list{flex:1;padding:4px;overflow-y:auto}.dropdown-modal-item{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:13.5px;font-weight:500;transition:background .15s;display:flex}.dropdown-modal-item:hover{background:#f1f5f9}.dropdown-modal-item.selected{color:var(--primary);background:#eef2ff}.dropdown-popover-footer{border-top:1px solid #f1f5f9;gap:8px;padding:8px;display:flex}.dropdown-clear-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600}.dropdown-done-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600}.floating-nav-controller{z-index:500;-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:24px;justify-content:center;align-items:center;padding:12px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d,inset 0 0 0 1px #ffffff80}.floating-nav-controller:hover{transform:translateY(-4px)}.nav-grid{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:6px;display:grid}.nav-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000a}.nav-btn:hover{color:#217346;background:#f8fafc;border-color:#217346;transform:scale(1.05);box-shadow:0 4px 12px #21734626}.nav-btn:active{background:#f1f5f9;transform:scale(.95)}.nav-btn.up{grid-area:1/2}.nav-btn.left{grid-area:2/1}.nav-btn.right{grid-area:2/3}.nav-btn.down{grid-area:3/2}.nav-center{grid-area:2/2;justify-content:center;align-items:center;display:flex}.nav-center:after{content:"";background:#cbd5e1;border-radius:50%;width:6px;height:6px}@media (width<=768px){.floating-nav-controller{padding:8px;bottom:24px;right:16px}.nav-grid{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px)}.nav-btn{width:40px;height:40px}}.row-detail-input:focus,.row-detail-checkbox-wrapper:focus,.row-detail-formula-result:focus{background:#fff;outline:none;border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb26!important}.row-detail-checkbox-wrapper:focus{border-radius:6px;background:#2563eb0d!important}.row-detail-formula-result:focus{background:#f8fafc;border-radius:6px}.row-detail-field:focus-within .row-detail-label{color:#2563eb;font-weight:600}.col-header-cell,.col-header-name{cursor:default!important}.col-header-name:hover{background:#00000005}.col-resize-handle{cursor:col-resize!important}.col-header-cell button,.col-header-cell .col-menu-trigger{cursor:pointer!important}.img-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172ad9;justify-content:center;align-items:center;padding:40px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.img-preview-content{background:#fff;border-radius:20px;flex-direction:column;width:95vw;max-width:1400px;height:95vh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 25px 70px -12px #0009}.img-preview-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.img-preview-header h3{color:var(--navy);margin:0;font-size:16px;font-weight:700}.img-preview-actions{align-items:center;gap:12px;display:flex}.img-download-btn{background:var(--navy);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.img-download-btn:hover{background:#1e3a8a;transform:translateY(-1px)}.img-preview-remove{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.img-preview-remove:hover{background:#c00;transform:translateY(-1px)}.img-preview-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.img-preview-close:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.img-preview-body{scrollbar-color:#fff3 transparent;scrollbar-width:thin;background:#0f172a;flex:1;padding:32px;display:flex;position:relative;overflow:auto}.img-preview-body img{object-fit:contain;cursor:zoom-in;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #00000080}.img-preview-body img.zoomed{cursor:zoom-out;max-width:none;max-height:none;transform:scale(1)}.row-detail-image-field{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-top:4px;padding:12px}.row-detail-image-container{flex-direction:column;gap:12px;display:flex}.row-detail-img-wrapper{cursor:zoom-in;border:1px solid #e2e8f0;border-radius:8px;width:100%;position:relative;overflow:hidden}.row-detail-img-preview{object-fit:cover;width:100%;max-height:250px;transition:transform .3s}.row-detail-img-overlay{color:#fff;opacity:0;background:#0000004d;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.row-detail-img-overlay span{text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:500}.row-detail-img-wrapper:hover .row-detail-img-overlay{opacity:1}.row-detail-img-wrapper:hover .row-detail-img-preview{transform:scale(1.05)}.row-detail-image-actions{gap:8px;display:flex}.row-detail-img-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600}.row-detail-img-btn:hover{background:#f1f5f9}.row-detail-img-btn.danger{color:#ef4444}.row-detail-img-btn.danger:hover{background:#fef2f2}.row-detail-image-upload{cursor:pointer;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:all .2s;display:flex}.row-detail-image-upload:hover{color:var(--navy);background:#2563eb0d}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cell-image-wrap{cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;min-height:40px;padding:4px;display:flex}.cell-image-inner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.cell-image-wrap:hover .cell-image-inner{z-index:10;width:48px;height:48px;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.cell-image-thumb{object-fit:cover;width:100%;height:100%}.cell-image-overlay{color:#fff;opacity:0;background:#0003;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.cell-image-inner:hover .cell-image-overlay{opacity:1}.cell-image-upload{color:#64748b;cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;font-size:10px;font-weight:700;transition:all .2s;display:flex}.cell-image-upload:hover{color:var(--navy);background:#1a237e0d}.hidden-file-input{display:none}.side-panel-container{z-index:12000;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-info{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.admin-name{color:#1e293b;font-size:14px;font-weight:600}.admin-tag{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.admin-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 12px #2563eb33}.side-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;animation:.3s fadeIn;position:absolute;inset:0}.side-panel{background:#fff;flex-direction:column;width:100%;max-width:500px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;box-shadow:-10px 0 40px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel .history-page{border-radius:0;flex-direction:column;height:100%;display:flex;overflow:hidden}.side-panel .history-header{padding:20px 24px}.side-panel .history-content{flex:1;padding:0 24px 24px;overflow-y:auto}.side-panel-close{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.side-panel-close:hover{background:var(--border-light);color:var(--foreground)}.sidebar-add-btn{background:var(--navy);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;height:42px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-add-btn:hover{background:var(--navy-light);box-shadow:var(--shadow-md)}.sidebar-add-btn:active{transform:translateY(0)}.sidebar-add-dropdown{z-index:100;animation:.2s ease-out slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding:16px;display:flex;position:relative}.sidebar-footer-btn{width:40px;height:40px;color:var(--navy);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-footer-btn:hover{background:var(--border-light);transform:rotate(90deg)}.actions-menu-popup{border:1px solid var(--border);z-index:110;background:#fff;border-radius:12px;min-width:160px;padding:8px;animation:.2s ease-out slideUpFade;position:absolute;bottom:60px;left:16px;box-shadow:0 4px 20px #00000026}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-add-section{padding:12px 12px 8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-container{background-color:var(--white);flex-direction:column;width:100%;height:100%;animation:1.5s ease-in-out infinite pulse;display:flex}.skeleton-header{background-color:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:60px;padding:0 20px;display:flex}.skeleton-icon{background-color:var(--border);border-radius:12px;width:24px;height:24px}.skeleton-title{background-color:var(--border);border-radius:6px;width:180px;height:24px}.skeleton-toolbar{background-color:var(--white);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex}.skeleton-btn{background-color:var(--bg);border-radius:6px;width:100px;height:32px}.skeleton-grid{flex-direction:column;flex:1;display:flex}.skeleton-row{border-bottom:1px solid var(--border);min-height:44px;display:flex}.skeleton-cell{background-color:var(--white);border-right:1px solid var(--border);padding:12px}.skeleton-cell-bar{background-color:var(--bg);border-radius:4px;width:80%;height:14px}.sidebar{will-change:transform;contain:layout style;transition:transform .18s cubic-bezier(.4,0,.2,1)}.sidebar--collapsed{overflow:hidden;width:70px!important;min-width:70px!important}.sidebar--collapsed .sidebar-brand-name span,.sidebar--collapsed .sidebar-brand-sub,.sidebar--collapsed .sidebar-add-text,.sidebar--collapsed .sidebar-folder-header span,.sidebar--collapsed .register-item-info,.sidebar--collapsed .sidebar-footer-text,.sidebar--collapsed .sidebar-unassigned-zone>div>span,.sidebar--collapsed .sidebar-unassigned-zone button,.sidebar--collapsed .sidebar-folder-header .register-item-menu,.sidebar--collapsed .register-item .register-item-menu,.sidebar--collapsed .sidebar-import-session,.sidebar--collapsed .sidebar-new-section{display:none!important}.sidebar--collapsed .sidebar-folder-header,.sidebar--collapsed .register-item,.sidebar--collapsed .sidebar-footer{justify-content:center}.sidebar--collapsed .register-item{padding:10px 0;overflow:visible!important}.sidebar--collapsed .sidebar-folder-header{overflow:visible!important}.sidebar--collapsed .register-item:after,.sidebar--collapsed .sidebar-folder-header:after{content:attr(data-tooltip);background:var(--navy-dark);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;z-index:10000;pointer-events:none;box-shadow:var(--shadow-md);margin-left:8px;padding:6px 10px;font-size:13px;font-weight:600;transition:opacity .1s,transform .1s,visibility .1s;position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(4px)}.sidebar--collapsed .register-item:hover:after,.sidebar--collapsed .sidebar-folder-header:hover:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(8px)}.sidebar--collapsed .sidebar-add-btn{width:40px;height:40px;margin:0 auto 12px;padding:0}.sidebar-collapse-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:var(--navy);background:#0000000d}.sidebar--collapsed .sidebar-brand-logo{margin:0 auto}.sidebar--collapsed .sidebar-brand-group{display:none!important}.sidebar--collapsed .sidebar-brand{justify-content:center;padding:16px 0}.sidebar--collapsed .sidebar-collapse-btn{margin:0 auto}.spreadsheet th .col-header-inner{overflow:visible!important}.col-resize-handle{cursor:col-resize!important;z-index:20!important;width:14px!important;height:100%!important;position:absolute!important;top:0!important;right:-6px!important}.col-resize-handle:hover,.col-resize-handle:active{background:var(--primary)!important;opacity:.3!important}.pab-search{transition:max-width .25s,border-color .15s,box-shadow .15s;background:#fff!important;border:1px solid #1a237e33!important;border-radius:6px!important;flex-direction:row!important;gap:6px!important;max-width:200px!important;height:28px!important;padding:0 8px!important}.pab-search.active{border-color:#2563eb!important;max-width:320px!important;box-shadow:0 0 0 2px #2563eb1a!important}.pab-search:focus-within{border-color:var(--accent)!important;max-width:320px!important;box-shadow:0 0 0 2px #e8604c14!important}.pab-search-input{flex:1!important;width:150px!important;min-width:100px!important;padding:0!important}.pab-search-icon{color:var(--placeholder)!important}.pab-search-count{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.6}.pab-search-clear{color:#94a3b8;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;font-weight:600;line-height:1;transition:background .15s,color .15s;display:flex}.pab-search-clear:hover{color:#475569;background:#e2e8f0}.search-highlight{color:#92400e;font:inherit;background:#fde68a;border-radius:2px;padding:0 1px}.cell-input-highlight-wrap{text-overflow:ellipsis;white-space:nowrap;align-items:center;display:flex;overflow:hidden}.spreadsheet td:not(.spacer),.calc-cell-td{height:var(--dynamic-row-height,42px)!important;max-height:var(--dynamic-row-height,42px)!important;line-height:var(--dynamic-row-height,42px)!important;box-sizing:border-box!important;vertical-align:middle!important;white-space:nowrap!important;contain:strict!important;padding:0!important;overflow:hidden!important}.spreadsheet td.spacer,.spreadsheet th.spacer{border:none!important;max-height:none!important;padding:0!important;line-height:0!important;overflow:visible!important}.admin-layout{color:#1e293b;background:#f8fafc;height:100vh;display:flex;overflow:hidden}.admin-sidebar{color:#94a3b8;z-index:50;background:#0f172a;flex-direction:column;flex-shrink:0;width:260px;padding:0;display:flex;box-shadow:4px 0 20px #0000000d}.admin-sidebar-header{cursor:pointer;align-items:center;gap:12px;padding:24px;transition:all .2s;display:flex}.admin-sidebar-header:hover{background:#ffffff08}.admin-logo-bg{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #3b82f64d}.admin-logo-text{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:800}.admin-nav{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.admin-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0d}.admin-nav-item.active{color:#3b82f6;background:#3b82f61a}.admin-nav-item.logout{color:#ef4444;margin-top:auto}.admin-nav-item.logout:hover{color:#ef4444;background:#ef44441a}.admin-sidebar-footer{border-top:1px solid #ffffff0d;padding:16px}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-topbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.admin-title{color:#0f172a;margin:0;font-size:20px;font-weight:800}.admin-subtitle{color:#64748b;margin-top:2px;font-size:13px;font-weight:500}.topbar-left{flex-direction:column;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}.refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.refresh-btn:hover{color:#3b82f6;background:#f1f5f9;border-color:#3b82f6}.admin-profile{align-items:center;gap:12px;display:flex}.admin-avatar{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.admin-view-content{background:#f8fafc;flex:1;padding:32px;overflow-y:auto}.admin-users-grid{grid-template-columns:380px 1fr;gap:24px;height:100%;display:grid}.glass-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000005}.panel-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:24px}.panel-header-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-header-top h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.count-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700}.search-wrapper{position:relative}.search-wrapper input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:44px;padding:0 16px 0 44px;font-size:14px;transition:all .2s}.search-wrapper input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614}.user-scroll-area{flex:1;padding:12px;overflow-y:auto}.admin-user-card{cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 16px;transition:all .2s;display:flex}.admin-user-card:hover{background:#f8fafc}.admin-user-card.selected{background:#f0f7ff;border-color:#bfdbfe}.user-card-main{align-items:center;gap:12px;display:flex}.user-icon-bg{color:#475569;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .2s;display:flex}.admin-user-card.selected .user-icon-bg{color:#fff;background:#3b82f6}.user-card-info{flex-direction:column;display:flex}.user-card-name{color:#0f172a;margin:0;font-size:14px;font-weight:700}.user-card-email{color:#64748b;margin:0;font-size:12px}.admin-icon{color:#f59e0b}.card-arrow{color:#cbd5e1;transition:transform .2s}.admin-user-card:hover .card-arrow{color:#94a3b8;transform:translate(2px)}.permissions-manager{flex-direction:column;height:100%;display:flex}.manager-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.manager-user-info{align-items:center;gap:16px;display:flex}.manager-avatar{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:flex}.manager-user-info h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.manager-user-info p{color:#64748b;margin:2px 0 0;font-size:14px}.manager-actions{align-items:center;gap:12px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #3b82f633}.save-btn:hover{background:#2563eb;transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.options-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.options-btn:hover{background:#f1f5f9}.permissions-list{flex:1;padding:0;overflow-y:auto}.permissions-table-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:12px 24px;font-size:12px;font-weight:750;display:flex}.col-reg{flex:1}.col-perm{width:340px}.permission-row{border-bottom:1px solid #f1f5f9;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.permission-row:hover{background:#fafafa}.reg-info{flex-direction:column;flex:1;display:flex}.reg-name{color:#1e293b;font-size:15px;font-weight:700}.reg-id{color:#94a3b8;margin-top:2px;font-size:12px}.reg-business{color:#94a3b8;margin-top:2px;font-size:11px;font-style:italic}.no-registers{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.perm-switches{gap:12px;width:340px;display:flex}.admin-switch-container{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.admin-switch-container:hover{background:#e2e8f0}.admin-switch-container.active{color:#3b82f6;background:#f0f7ff;border-color:#3b82f6}.switch-icon{color:#64748b;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-switch-container.active .switch-icon{color:#3b82f6}.switch-label{flex:1;font-size:12px;font-weight:700}.switch-track{background:#cbd5e1;border-radius:10px;width:32px;height:18px;transition:all .2s;position:relative}.admin-switch-container.active .switch-track{background:#3b82f6}.switch-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.admin-switch-container.active .switch-thumb{left:16px}.empty-panel{text-align:center;color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.empty-icon-ring{color:#cbd5e1;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-panel h4{color:#475569;margin:0;font-size:18px;font-weight:800}.empty-panel p{max-width:280px;margin:12px 0 0;font-size:14px;line-height:1.6}.admin-loader{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.admin-loader p{font-size:14px;font-weight:600}.spreadsheet td:not(.spacer) .cell-input,.spreadsheet td:not(.spacer) .cell-formula,.spreadsheet td:not(.spacer) .cell-dropdown,.spreadsheet td:not(.spacer) .cell-checkbox-wrap,.spreadsheet td:not(.spacer) .cell-rating,.spreadsheet td:not(.spacer) .cell-image-wrap,.spreadsheet td:not(.spacer) .cell-auto-increment,.spreadsheet td:not(.spacer) .cell-auto-increment-readonly,.spreadsheet td:not(.spacer) .cell-currency,.spreadsheet td:not(.spacer) .cell-date,.spreadsheet td:not(.spacer) .cell-url-wrap,.calc-cell-content,.calc-cell-inner{color:inherit;text-align:inherit;height:var(--dynamic-row-height,42px)!important;max-height:var(--dynamic-row-height,42px)!important;line-height:var(--dynamic-row-height,42px)!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-sizing:border-box!important;background-color:#0000!important;padding:0 8px!important;overflow:hidden!important}.spreadsheet td .cell-url-wrap .cell-input{color:inherit;text-align:inherit;background-color:#0000!important;min-width:0!important}@keyframes searchTargetPulse{0%{background-color:#fbbf2459}40%{background-color:#fbbf242e}70%{background-color:#fbbf2459}to{background-color:#0000}}.search-target-row td{animation:2.5s ease-out forwards searchTargetPulse!important}.search-target-row td.serial{color:var(--navy,#1e2d78);font-weight:700}.gs-input-wrap{background:var(--surface,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:6px;align-items:center;gap:6px;padding:0 8px;transition:border-color .15s;display:flex}.gs-input-wrap:focus-within{border-color:var(--primary,#1e2d78)}.gs-input-icon{color:var(--muted,#94a3b8);flex-shrink:0}.gs-input{width:100%;color:var(--fg,#1e293b);background:0 0;border:none;outline:none;padding:6px 0;font-size:12px}.gs-input::placeholder{color:var(--muted,#94a3b8)}.gs-input-clear{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:3px;padding:2px;transition:background .1s;display:flex}.gs-input-clear:hover{background:var(--border,#e2e8f0)}.gs-status{color:var(--muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;padding:4px 12px 6px;font-size:10px;font-weight:600}.gs-status-bar{background:linear-gradient(90deg, transparent, var(--primary,#1e2d78), transparent);background-size:200% 100%;border-radius:1px;height:2px;margin-top:4px;animation:1s ease-in-out infinite gsSlide}@keyframes gsSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.gs-card{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border,#e2e8f0);cursor:pointer;border-radius:6px;margin:0 8px 4px;padding:8px 10px;transition:background .12s,border-color .12s}.gs-card:hover{border-color:var(--primary,#1e2d78);background:#eef1fb}.gs-card:active{opacity:.85}.gs-card-name{color:var(--navy,#1e2d78);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.gs-card-name svg{opacity:0;flex-shrink:0}.gs-card-detail{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.gs-badge{background:var(--navy,#1e2d78);color:#fff;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.gs-match{color:#92400e;word-break:break-word;background:#fbbf242e;border-radius:3px;padding:1px 5px;font-size:12px;font-weight:500}.gs-empty{text-align:center;color:var(--muted,#94a3b8);padding:20px 12px;font-size:12px;font-style:italic}.add-record-overlay{z-index:11500!important}.add-record-modal{flex-direction:column;width:100%;max-width:560px;max-height:82vh;display:flex;overflow:hidden;padding:0!important}.add-record-header{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.add-record-title{color:var(--navy);align-items:center;gap:10px;display:flex}.add-record-title h3{color:var(--foreground);margin:0;font-size:17px;font-weight:800}.add-record-close-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.add-record-close-btn:hover{background:var(--border-light);color:var(--foreground)}.add-record-form{flex-direction:column;flex:1;min-height:0;display:flex}.add-record-fields{flex-direction:column;flex:1;gap:14px;padding:16px 24px;display:flex;overflow-y:auto}.add-record-field{flex-direction:column;gap:5px;display:flex}.add-record-label{color:var(--foreground);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.add-record-type-badge{text-transform:capitalize;letter-spacing:0;color:var(--navy);background:#14532d14;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:600}.add-record-input{border:1.5px solid var(--border);border-radius:var(--radius-md);height:38px;color:var(--foreground);background:var(--background);box-sizing:border-box;width:100%;padding:0 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.add-record-input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #14532d14}.add-record-select{cursor:pointer;padding-right:8px}.add-record-checkbox-wrap{align-items:center;gap:10px;padding:6px 0;display:flex}.add-record-checkbox{width:16px;height:16px;accent-color:var(--navy);cursor:pointer}.add-record-checkbox-label{color:var(--muted);cursor:pointer;font-size:13px}.add-record-footer{border-top:1px solid var(--border-light);background:var(--surface);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 24px 18px;display:flex}.add-record-field--dup{border-radius:var(--radius-md);background:#ef444408;margin:-6px -8px;padding:6px 8px}.add-record-input--dup{color:#92400e;background:#fffbeb!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b26!important}.add-record-input--dup:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26262e!important}.add-record-dup-badge{color:#b45309;text-transform:uppercase;letter-spacing:.3px;background:#fef3c7;border:1px solid #fcd34d;border-radius:20px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:700;animation:.3s dupPulse;display:inline-flex}@keyframes dupPulse{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.add-record-dup-banner{color:#92400e;background:#fffbeb;border-bottom:1px solid #fcd34d;flex-shrink:0;align-items:center;gap:10px;padding:10px 24px;font-size:12.5px;font-weight:600;display:flex}.add-record-submit--warn{background:linear-gradient(135deg,#d97706,#f59e0b)!important;box-shadow:0 2px 8px #d9770659!important}.add-record-submit--warn:hover{background:linear-gradient(135deg,#b45309,#d97706)!important}.row-resize-handle{cursor:row-resize;z-index:25;width:100%;height:8px;position:absolute;bottom:-4px;left:0}.row-resize-handle:hover,.row-resize-handle:active{background:var(--primary)!important;opacity:.5!important}.spreadsheet td.serial{overflow:visible!important}#row-resize-line{pointer-events:none;opacity:0}.register-header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.register-header-back-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.register-header-back-btn:hover{background:var(--border-light);color:var(--navy);border-color:var(--navy)}.register-header-brand{cursor:pointer;align-items:center;gap:8px;transition:opacity .2s;display:flex}.register-header-brand:hover{opacity:.8}.register-header-logo{object-fit:contain;width:28px;height:28px}.register-header-brand-text{white-space:nowrap;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.brand-ag{color:var(--navy)}.brand-trust{color:var(--accent)}.brand-divider{color:var(--border);margin-left:4px;font-weight:300}.sidebar-brand-actions{align-items:center;gap:4px;display:flex}.add-record-input--readonly{background:var(--bg-secondary)!important;color:var(--muted)!important;cursor:not-allowed!important;border-style:dashed!important}.add-record-formula-badge{color:var(--navy);letter-spacing:.02em;background:#1e2d7814;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.add-record-readonly-box{background:var(--bg-secondary);border:1px dashed var(--border-subtle);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.formula-icon{color:var(--navy);opacity:.7;font-family:serif;font-style:italic;font-weight:700}.add-record-autoincrement-wrap{flex-direction:column;gap:4px;display:flex}.autoincrement-hint{color:var(--muted);padding-left:2px;font-size:11px;font-style:italic}.add-record-type-badge.type-formula{color:var(--navy);background:#1e2d781a}.add-record-type-badge.type-auto_increment{color:#059669;background:#10b9811a}.add-record-field--formula{opacity:.85}.footer-menu-item{color:#475569;cursor:pointer;border-radius:4px;margin:0 -8px;padding:6px 8px;font-size:13px;transition:all .2s}.footer-menu-item:hover{color:#0f172a;background:#f1f5f9}.fill-handle{cursor:crosshair;z-index:10;background:#3b82f6;border:1px solid #fff;width:6px;height:6px;display:none;position:absolute;bottom:0;right:0}.cell-inner-wrapper:focus-within .fill-handle,.fill-handle.active{display:block}.drag-fill-overlay{pointer-events:none;z-index:9;background:#3b82f61a;border:2px dashed #3b82f6;transition:all .1s;position:absolute}.drag-fill-target{background:#3b82f61a!important;outline:2px dashed #3b82f6!important}.admin-page{background:var(--background);min-height:100vh;padding:32px}.admin-content{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:8px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-wrapper{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper.blue{color:var(--navy);background:#1a237e1a}.stat-info{flex-direction:column;display:flex}.admin-main-grid{grid-template-columns:350px 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.admin-main-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border-light);flex-direction:column;gap:12px;padding:20px;display:flex}.card-title{color:var(--foreground);margin:0;font-size:16px;font-weight:750}.search-box{width:100%;position:relative}.search-icon{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;width:100%;height:38px;padding:0 12px 0 38px;font-size:13px;transition:all .2s}.search-box input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #1a237e14}.user-list{max-height:600px;overflow-y:auto}.user-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:14px 20px;transition:all .15s;display:flex}.user-item:last-child{border-bottom:none}.user-item:hover{background:var(--bg-light)}.user-item.active{border-left:4px solid var(--navy);background:#1a237e0a;padding-left:16px}.user-avatar{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.user-avatar.large{width:52px;height:52px;font-size:20px}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.user-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.admin-badge{color:var(--navy);text-transform:uppercase;letter-spacing:.5px;background:#1a237e1a;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:800}.arrow-icon{color:var(--muted);opacity:.5}.user-item:hover .arrow-icon{opacity:1;transform:translate(2px)}.permissions-detail{flex-direction:column;gap:24px;padding:24px;display:flex}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.user-profile-header{align-items:center;gap:16px;display:flex}.user-profile-header h3{margin:0;font-size:20px;font-weight:800}.user-profile-header p{color:var(--muted);margin:2px 0 0;font-size:14px}.save-permissions-btn{background:var(--navy);color:#fff;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-button);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.save-permissions-btn:hover{background:var(--navy-light);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.save-permissions-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.permissions-table-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.permissions-table{border-collapse:collapse;width:100%}.permissions-table th{text-align:left;background:var(--bg-light);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:750}.permissions-table td{border-top:1px solid var(--border-light);padding:14px 16px;font-size:14px}.register-name-cell{color:var(--foreground);font-weight:700}.permission-toggle{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;transition:all .15s;display:inline-flex}.permission-toggle:hover{border-color:var(--border-dark);background:var(--bg-light)}.permission-toggle.active{border-color:var(--navy);color:var(--navy);background:#1a237e0a}.toggle-icon{justify-content:center;align-items:center;display:flex}.toggle-status{background:var(--border-light);width:18px;height:18px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.permission-toggle.active .toggle-status{background:var(--navy);color:#fff}.loading-state,.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state h3{color:var(--foreground);margin:0}.empty-state p{max-width:300px;margin:0}.animate-spin{animation:1s linear infinite spin}.cell-input.readonly,.cell-currency.readonly,.cell-dropdown.readonly,.cell-rating.readonly,.cell-image-wrap.readonly,.cell-url-wrap.readonly{opacity:.8;background-color:var(--table-bg)!important;color:var(--muted)!important;cursor:default!important}.cell-dropdown.readonly span,.cell-currency.readonly span,.cell-url-wrap.readonly span{color:var(--muted)!important}.read-only-badge{background:var(--border-light);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600}.admin-dashboard{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.stat-card{align-items:center;gap:20px;padding:24px;display:flex}.stat-icon-bg{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-bg.users{color:#3b82f6;background:#eff6ff}.stat-icon-bg.shield{color:#22c55e;background:#f0fdf4}.stat-details{flex-direction:column;display:flex}.stat-label{color:#64748b;font-size:13px;font-weight:500}.stat-value{color:#1e293b;margin:4px 0;font-size:28px;font-weight:700}.stat-trend{font-size:12px;font-weight:600}.stat-trend.positive{color:#22c55e}