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