@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);border:none;border-radius:var(--md-sys-shape-corner-full);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.00625em;line-height:1.25;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:transparent;transition:background-color var(--duration-fast) var(--ease-in-out);pointer-events:none}.btn:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled):before{background-color:#ffffff14}.btn-primary:active:not(:disabled):before{background-color:#ffffff1f}.btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary)}.btn-danger{background-color:var(--color-error-600);color:#fff;box-shadow:var(--shadow-xs)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-700);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled):before{background-color:#ffffff14}.btn-success{background-color:var(--color-success-600);color:#fff;box-shadow:var(--shadow-xs)}.btn-success:hover:not(:disabled){background-color:var(--color-success-700);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled):before{background-color:#ffffff14}.btn-small{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);height:var(--button-height-sm)}.btn-medium{padding:var(--space-2) var(--space-6);font-size:var(--text-sm);height:var(--button-height-base)}.btn-large{padding:var(--space-3) var(--space-8);font-size:var(--text-base);height:var(--button-height-lg)}.btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.btn-loading{position:relative;pointer-events:none}.btn-loading .btn-text,.btn-loading .btn-icon{opacity:0}.btn-full-width{width:100%}.btn-icon{display:inline-flex;align-items:center}.btn-spinner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.modal-content form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);cursor:default}.modal-content{background-color:var(--color-bg-elevated);border-radius:var(--card-border-radius);box-shadow:var(--shadow-xl);width:100%;max-width:var(--modal-max-width);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;height:auto;min-width:400px;min-height:300px;position:relative}.modal-large{max-width:var(--modal-max-width-lg);max-height:85vh;min-width:600px;min-height:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.modal-header h2{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:var(--text-2xl);line-height:var(--leading-none);color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-in-out)}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:var(--modal-padding);overflow-y:auto;flex:1 1 auto;min-height:0;overflow-x:auto}.modal-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;z-index:10;background:linear-gradient(135deg,transparent 0%,transparent 50%,var(--color-border-default) 50%,var(--color-border-default) 52%,transparent 52%,transparent 60%,var(--color-border-default) 60%,var(--color-border-default) 62%,transparent 62%,transparent 70%,var(--color-border-default) 70%,var(--color-border-default) 72%,transparent 72%)}.modal-resize-handle:hover{background:linear-gradient(135deg,transparent 0%,transparent 50%,var(--color-primary) 50%,var(--color-primary) 52%,transparent 52%,transparent 60%,var(--color-primary) 60%,var(--color-primary) 62%,transparent 62%,transparent 70%,var(--color-primary) 70%,var(--color-primary) 72%,transparent 72%)}.modal-header{cursor:move;-webkit-user-select:none;user-select:none}.modal-header:active{cursor:move}.modal-header button{cursor:pointer}.modal-header:hover{background-color:var(--color-bg-subtle);transition:background-color .2s ease}.modal-body::-webkit-scrollbar{width:10px;height:10px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-bg-subtle)}.modal-body{position:relative}.modal-body:before{content:"";position:sticky;bottom:-1px;left:0;right:0;height:20px;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);pointer-events:none;z-index:1;display:block;margin:0 calc(-1 * var(--modal-padding));margin-bottom:calc(-1 * var(--modal-padding))}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--modal-padding);border-top:1px solid var(--color-border-default);flex-shrink:0;background-color:var(--color-bg-elevated)}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.icon-option{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);background-color:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.icon-option:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.icon-option.selected{background-color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.color-picker{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.color-option{width:40px;height:40px;border-radius:var(--radius-sm);border:3px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.color-option:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.color-option.selected{border-color:var(--color-text-primary);transform:scale(1.15);box-shadow:var(--shadow-lg)}.record-field-row,.field-definition-row{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);background-color:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.btn-icon{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);font-size:var(--text-lg);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-in-out);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:var(--color-surface-hover);color:var(--color-error-500)}.alert-modal{max-width:450px}.alert-modal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.alert-modal-icon{font-size:2rem;flex-shrink:0}.alert-modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.alert-modal-body{padding:var(--space-6)}.alert-modal-message{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap}.alert-modal-success .alert-modal-header{background-color:var(--color-success-50)}.alert-modal-success .alert-modal-title{color:var(--color-success-700)}.alert-modal-warning .alert-modal-header{background-color:var(--color-warning-50)}.alert-modal-warning .alert-modal-title{color:var(--color-warning-700)}.alert-modal-error .alert-modal-header{background-color:var(--color-error-50)}.alert-modal-error .alert-modal-title{color:var(--color-error-700)}.alert-modal-info .alert-modal-header{background-color:var(--color-info-50)}.alert-modal-info .alert-modal-title{color:var(--color-info-700)}.confirm-modal-danger .alert-modal-header{background-color:var(--color-error-50)}.confirm-modal-danger .alert-modal-title{color:var(--color-error-700)}.confirm-modal-warning .alert-modal-header{background-color:var(--color-warning-50)}.confirm-modal-warning .alert-modal-title{color:var(--color-warning-700)}[data-theme=dark] .alert-modal-success .alert-modal-header{background-color:#22c55e1a}[data-theme=dark] .alert-modal-warning .alert-modal-header{background-color:#fbbf241a}[data-theme=dark] .alert-modal-error .alert-modal-header,[data-theme=dark] .confirm-modal-danger .alert-modal-header{background-color:#ef44441a}[data-theme=dark] .alert-modal-info .alert-modal-header{background-color:#3b82f61a}.alert-modal{animation:alertFadeIn .2s ease}@keyframes alertFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.input-required{color:var(--color-error-500);margin-left:2px}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);border:1px solid var(--color-input-border);border-radius:var(--radius-base);font-family:inherit;font-size:var(--text-base);color:var(--color-input-text);background-color:var(--color-input-bg);transition:all var(--duration-fast) var(--ease-in-out)}.input-field:hover:not(:disabled){border-color:var(--color-input-border-hover)}.input-field:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.input-field:disabled{background-color:var(--color-bg-subtle);cursor:not-allowed;opacity:.6}.input-field::placeholder{color:var(--color-input-placeholder)}.input-error{border-color:var(--color-error-500)}.input-error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-50)}.input-error-message{font-size:var(--text-sm);color:var(--color-error-500)}.input-help{font-size:var(--text-xs);color:var(--color-text-tertiary)}.input-password-toggle{position:absolute;right:var(--space-2);background:none;border:none;cursor:pointer;padding:var(--space-1);font-size:var(--text-lg);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-in-out)}.input-password-toggle:hover{color:var(--color-text-primary)}.input-password-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.password-strength{margin-top:var(--space-3)}.password-strength-bar-container{width:100%;height:4px;background-color:var(--color-bg-muted);border-radius:var(--radius-sm);overflow:hidden}.password-strength-bar{height:100%;transition:all var(--duration-slow) var(--ease-smooth)}.password-strength-info{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);font-size:var(--text-sm)}.password-strength-label{font-weight:var(--weight-medium)}.password-strength-time{color:var(--color-text-tertiary);font-size:var(--text-xs)}.password-strength-feedback{margin:var(--space-3) 0 0 0;padding-left:var(--space-5);font-size:var(--text-xs);color:var(--color-text-secondary)}.password-strength-feedback li{margin-bottom:var(--space-1)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--color-bg-subtle)}.auth-container{width:100%;max-width:500px;background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-10);border:1px solid var(--color-border-subtle)}.auth-container-small{max-width:400px}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-lock-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.8}.auth-title{margin:0 0 var(--space-3) 0;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.auth-subtitle{margin:0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.auth-form{margin-bottom:var(--space-6)}.auth-info{padding:var(--space-4);background-color:var(--color-warning-50, #fffbeb);border:1px solid var(--color-warning-200, #fde68a);border-radius:var(--radius-base);color:var(--color-warning-700, #92400e);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-error{padding:var(--space-4);background-color:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-base);color:var(--color-error-700);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-actions{margin-top:var(--space-6)}.auth-actions+.auth-actions{margin-top:var(--space-4)}.auth-warning{padding:var(--space-4);background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-base);font-size:var(--text-sm);margin-top:var(--space-6)}.auth-warning p{margin:0 0 var(--space-2) 0;color:var(--color-warning-800);font-weight:var(--weight-medium)}.auth-warning ul{margin:var(--space-3) 0 0 var(--space-5);padding:0;color:var(--color-warning-700)}.auth-warning li{margin-bottom:var(--space-2)}.auth-footer{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-sm)}.form-field{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.readonly-field{padding:var(--space-3);background-color:var(--color-bg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-base);font-size:var(--text-base);color:var(--color-text-secondary);font-family:var(--font-mono)}.form-help{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (max-width: 768px){.auth-page{padding:var(--space-4)}.auth-container{padding:var(--space-6)}.auth-title{font-size:var(--text-xl)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8)}.loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-spinner{border:3px solid var(--color-bg-muted);border-top-color:var(--color-primary);border-radius:50%;animation:loading-spin .8s linear infinite}.loading-spinner-small{width:20px;height:20px;border-width:2px}.loading-spinner-medium{width:40px;height:40px;border-width:3px}.loading-spinner-large{width:60px;height:60px;border-width:4px}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-text{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}.loading-skeleton{background:linear-gradient(90deg,var(--color-bg-subtle) 0%,var(--color-bg-muted) 50%,var(--color-bg-subtle) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:loading-skeleton 1.5s ease-in-out infinite}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes vault-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-tree{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--space-2) 0;flex:1}.nav-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-2);flex-shrink:0}.nav-panel-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.07em;transition:color var(--duration-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-panel-title:hover{color:var(--color-primary)}.nav-tree-loading{padding:var(--space-6);color:var(--color-text-tertiary);font-size:var(--text-sm);text-align:center;letter-spacing:.06em}.nav-tree::-webkit-scrollbar{width:4px}.nav-tree::-webkit-scrollbar-track{background:transparent}.nav-tree::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}.nav-tree::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.nav-section{margin-bottom:var(--space-2)}.nav-section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:var(--weight-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.nav-section-header:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.nav-section-header.active{color:var(--color-primary);background-color:var(--color-surface-selected)}.nav-section-header.active .nav-count{background-color:var(--color-primary-light);color:var(--color-primary)}.nav-section-header.active .nav-toggle,.nav-section-header.active .nav-icon{color:var(--color-primary);opacity:1}.nav-section-header-single{text-decoration:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);font-weight:var(--weight-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);transition:background-color var(--duration-fast),color var(--duration-fast)}.nav-section-header-single:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.nav-section-header-single.active{background-color:var(--color-surface-selected);color:var(--color-primary)}.nav-toggle{width:14px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast)}.nav-toggle-sm{width:12px;font-size:10px}.nav-toggle-spacer{visibility:hidden}.nav-section-header:hover .nav-toggle,.nav-folder-header:hover .nav-toggle,.nav-folder-header:hover .nav-toggle-sm{color:var(--color-text-secondary)}.nav-icon{flex-shrink:0;font-size:var(--text-base);opacity:.55;transition:opacity var(--duration-fast)}.nav-section-header:hover .nav-icon,.nav-section-header.active .nav-icon{opacity:1}.nav-label{flex:1;text-decoration:none;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{flex-shrink:0;font-size:.6rem;font-weight:var(--weight-semibold);padding:2px 6px;background-color:var(--color-bg-muted);border-radius:var(--radius-full);color:var(--color-text-tertiary);letter-spacing:.02em;min-width:18px;text-align:center;transition:background-color var(--duration-fast),color var(--duration-fast)}.nav-count-sm{font-size:.55rem;padding:1px 5px;min-width:14px}.nav-section-content{padding-left:var(--space-2);padding-right:var(--space-1);margin-top:var(--space-1);margin-bottom:var(--space-1);animation:vault-slide-down var(--duration-fast) var(--ease-out)}.nav-empty{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;text-align:center;letter-spacing:.02em}.nav-folder{margin-bottom:1px}.nav-folder-header{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-base);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--color-text-secondary);position:relative;min-height:30px;transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.nav-folder-header:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.nav-folder-header:hover .nav-folder-icon{opacity:1}.nav-folder-header:hover .nav-toggle-sm{color:var(--color-text-secondary)}.nav-folder-header.active{background-color:var(--color-surface-selected);color:var(--color-primary);font-weight:var(--weight-medium)}.nav-folder-header.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;background-color:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-folder-header.active .nav-folder-icon{opacity:1}.nav-folder-header.active .nav-count{background-color:var(--color-primary-light);color:var(--color-primary)}.nav-folder-icon{flex-shrink:0;font-size:var(--text-base);display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.65;transition:opacity var(--duration-fast)}.nav-folder-level-2 .nav-folder-icon,.nav-folder-level-3 .nav-folder-icon{font-size:.875rem;width:16px;height:16px}.nav-folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.nav-folder-level-1>.nav-folder-header{color:var(--color-text-primary);font-weight:var(--weight-medium)}.nav-folder-level-2>.nav-folder-header{color:var(--color-text-secondary);font-weight:var(--weight-normal)}.nav-folder-level-3>.nav-folder-header{color:var(--color-text-tertiary);font-weight:var(--weight-normal)}.nav-folder-content{margin-top:1px;margin-left:22px;padding-left:var(--space-3);border-left:1px solid var(--color-border-subtle);animation:vault-slide-down var(--duration-fast) var(--ease-out)}.nav-folder-level-1>.nav-folder-content{margin-left:26px}.nav-group{margin-bottom:var(--space-1)}.nav-group-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);transition:background-color var(--duration-fast)}.nav-group-header:hover{background-color:var(--color-surface-hover)}.nav-group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium)}.nav-group-content{padding-left:var(--space-5);margin-top:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-base);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;margin-bottom:1px;transition:background-color var(--duration-fast),color var(--duration-fast)}.nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-surface-selected);color:var(--color-primary);font-weight:var(--weight-medium)}.nav-item-icon{flex-shrink:0;font-size:var(--text-sm);opacity:.55;transition:opacity var(--duration-fast)}.nav-item:hover .nav-item-icon,.nav-item.active .nav-item-icon{opacity:1}.nav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-context-menu{position:fixed;z-index:9999;background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;padding:var(--space-1);animation:vault-slide-down .1s var(--ease-out)}.nav-context-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-in-out)}.nav-context-menu-item:hover{background-color:var(--color-surface-hover)}.nav-context-menu-danger{color:var(--color-error-600)}.nav-context-menu-danger:hover{background-color:var(--color-error-50);color:var(--color-error-700)}[data-theme=dark] .nav-context-menu-danger{color:var(--color-error-400)}[data-theme=dark] .nav-context-menu-danger:hover{background-color:var(--color-error-900);color:var(--color-error-300)}[data-theme=midnight] .nav-folder-content{border-left-color:#6c47ff26}[data-theme=midnight] .nav-folder-header.active{box-shadow:inset 0 0 0 0 transparent}[data-theme=midnight] .nav-section-header.active,[data-theme=midnight] .nav-folder-header:hover{box-shadow:none}@media (max-width: 768px){.nav-section-header,.nav-folder-header{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.nav-folder-content{padding-left:var(--space-2);margin-left:18px}}.user-dropdown{position:relative;display:flex;align-items:center}.user-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:var(--text-sm)}.user-dropdown-trigger:hover{background-color:var(--color-bg-subtle);border-color:var(--color-border-emphasis)}.user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#06f,#04c);color:#fff;font-weight:var(--weight-bold);font-size:var(--text-base);flex-shrink:0}.user-email{color:var(--color-text-primary);font-weight:var(--weight-medium);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-arrow{color:var(--color-text-secondary);font-size:var(--text-xs);margin-left:var(--space-1)}.user-dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:1000;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-decoration:none;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);background:none;border:none;width:100%;text-align:left;font-family:inherit}.user-dropdown-item:hover{background-color:var(--color-bg-subtle)}.user-dropdown-icon{font-size:var(--text-lg);width:20px;display:flex;align-items:center;justify-content:center}.user-dropdown-divider{height:1px;background-color:var(--color-border-subtle);margin:var(--space-2) 0}.user-dropdown-logout{color:var(--color-error-600)}.user-dropdown-logout:hover{background-color:var(--color-error-50)}[data-theme=dark] .user-dropdown-logout:hover{background-color:#ef44441a}@media (max-width: 768px){.user-email{display:none}.user-dropdown-trigger{padding:var(--space-2)}}.layout{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg-subtle)}.layout-header{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 var(--nav-padding);background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);flex-shrink:0}.layout-header-left{display:flex;align-items:center;gap:var(--space-4)}.layout-header-right{display:flex;align-items:center;gap:var(--space-3)}.layout-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.layout-title-btn{background:none;border:none;padding:0;margin:0;font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out);border-radius:var(--radius-sm)}.layout-title-btn:hover{color:var(--color-primary)}.layout-title-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.layout-lock-button,.layout-logout-button{background:none;border:1px solid var(--color-border-default);padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);font-size:var(--text-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-in-out)}.layout-lock-button:hover,.layout-logout-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.layout-menu-toggle{background:none;border:none;font-size:var(--text-2xl);cursor:pointer;padding:var(--space-2);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-in-out);display:none}.layout-menu-toggle:hover{color:var(--color-text-primary)}.layout-body{display:flex;flex:1;overflow:hidden}.nav-sidebar{display:flex;flex-direction:row;flex-shrink:0;border-right:1px solid var(--color-border-default)}.nav-rail{width:56px;flex-shrink:0;background-color:var(--color-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-3) 0}.nav-rail-sections,.nav-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.nav-rail-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:none;border:none;cursor:pointer;color:var(--color-text-secondary);text-decoration:none;position:relative;transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.nav-rail-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.nav-rail-item.active{background-color:var(--color-surface-selected);color:var(--color-primary)}.nav-rail-item.active:before{content:"";position:absolute;left:-1px;top:22%;bottom:22%;width:2px;background-color:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-rail-icon{font-size:1.25rem;line-height:1;opacity:.6;transition:opacity var(--duration-fast)}.nav-rail-item:hover .nav-rail-icon,.nav-rail-item.active .nav-rail-icon{opacity:1}.nav-panel{width:0;overflow:hidden;background-color:var(--color-bg-subtle);transition:width var(--duration-slow) var(--ease-smooth);display:flex;flex-direction:column}.nav-panel-open{width:220px}.layout-mobile-only{display:none}.layout-desktop-only{display:flex}.nav-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;z-index:var(--z-fixed);animation:backdrop-fade-in var(--duration-normal) var(--ease-in-out)}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.nav-mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--color-surface);z-index:calc(var(--z-fixed) + 1);overflow-y:auto;box-shadow:var(--shadow-xl);animation:drawer-slide-in var(--duration-normal) var(--ease-smooth)}@keyframes drawer-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.layout-main{flex:1;overflow-y:auto;padding:var(--space-6);background-color:var(--color-bg-base)}.layout-content{max-width:1200px;margin:0 auto}[data-theme=midnight] .layout-header{background-color:#0f0f11e6;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border-bottom-color:#ffffff0d;box-shadow:0 1px #ffffff0a,var(--shadow-sm)}[data-theme=midnight] .nav-rail{background-color:#111116f5;border-right-color:#ffffff0a}[data-theme=midnight] .nav-panel{background-color:#0e0e12f0}[data-theme=midnight] .nav-sidebar{border-right-color:#ffffff0a}[data-theme=midnight] .layout-main{background-color:transparent}[data-theme=midnight] .layout-lock-button,[data-theme=midnight] .layout-logout-button{border-color:#ffffff14;color:var(--color-text-tertiary);font-size:var(--text-sm)}[data-theme=midnight] .layout-lock-button:hover,[data-theme=midnight] .layout-logout-button:hover{background-color:var(--color-surface-hover);border-color:#ffffff24;color:var(--color-text-primary)}@media (max-width: 768px){.layout-mobile-only{display:flex}.layout-desktop-only{display:none}.layout-header{padding:0 var(--space-3)}.layout-menu-toggle{display:flex}.layout-title{font-size:var(--text-lg)}.layout-main{padding:var(--space-4)}}@keyframes vault-stagger-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.page-title{margin:0;font-size:var(--font-2xl);font-weight:600;color:var(--color-text)}.page-subtitle{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-sm);color:var(--color-text-secondary)}.page-loading{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary)}.page-error{padding:var(--spacing-md);background-color:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-sm);margin-bottom:var(--spacing-lg)}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.search-input{flex:1;max-width:400px}.page-content{margin-top:var(--spacing-lg)}.page-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.page-empty p{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-md)}.records-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.record-card{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-in-out),border-color var(--duration-base) var(--ease-in-out),background-color var(--duration-base) var(--ease-in-out)}.record-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm);background-color:var(--color-surface-hover)}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.record-header-actions{display:flex;gap:var(--spacing-xs, 4px);align-items:center}.record-fields{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.record-field{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-md);min-width:0}.record-field-label{font-size:var(--font-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;line-height:1.5;min-width:120px;width:120px;flex-shrink:0}.record-field-value{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-md);color:var(--color-text-primary);line-height:1.5;min-width:0;flex:1}.record-field-value>span{flex:1;word-break:break-word;overflow-wrap:break-word;min-width:0}.record-field-value>button{flex-shrink:0}.field-action-group{display:flex;gap:2px;flex-shrink:0;align-items:center}.password-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-in-out)}.password-toggle-btn:hover{color:var(--color-primary)}.records-grid{display:grid;grid-template-columns:repeat(var(--tiles-per-row, 4),minmax(0,1fr));gap:max(var(--space-2),calc(var(--space-6) - (var(--tiles-per-row, 4) - 3) * var(--space-1)))}.record-tile{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:max(var(--space-2),calc(var(--spacing-md) - (var(--tiles-per-row, 4) - 3) * 2px));display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-in-out),background-color var(--duration-base) var(--ease-in-out),border-color var(--duration-base) var(--ease-in-out),transform var(--duration-base) var(--ease-in-out);min-height:120px;cursor:pointer}.record-tile:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.record-tile .btn-small{padding-inline:max(4px,calc(var(--space-4) - (var(--tiles-per-row, 4) - 3) * 3px));font-size:max(.625rem,calc(.75rem - (var(--tiles-per-row, 4) - 3) * 1px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folders-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.folder-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out)}.folder-item:hover{background-color:var(--color-surface-hover)}.folder-item.active{background-color:var(--color-surface-selected)}.folder-item-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.folder-item-icon{font-size:1.5rem}.folder-item-info{flex:1}.folder-item-name{font-weight:500;color:var(--color-text);margin:0}.folder-item-count{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.folder-item-actions{display:flex;gap:var(--spacing-sm)}.page-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-sm);color:var(--color-text-secondary);flex-wrap:wrap}.page-breadcrumb-link{color:var(--color-primary);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.page-breadcrumb-link:hover{text-decoration:underline}.page-breadcrumb-sep{color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.page-breadcrumb-current{color:var(--color-text);font-weight:500}.page-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}.page-folder-card{padding:var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-in-out),border-color var(--duration-base) var(--ease-in-out),transform var(--duration-base) var(--ease-in-out);display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-folder-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-base);transform:translateY(-2px)}.page-folder-card-icon{font-size:2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem}.page-folder-card-name{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--color-text)}.page-folder-card-badge{font-size:var(--font-sm);color:var(--color-text-secondary)}.page-folder-card-count{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:auto}@media (max-width: 768px){.page-container{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md)}.page-toolbar{flex-direction:column;align-items:stretch}.search-input{max-width:none}.record-fields,.records-grid,.page-folder-grid{grid-template-columns:1fr}.record-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.file-attachments-table{margin-top:var(--space-4);margin-left:calc(-1 * var(--spacing-xl));margin-right:calc(-1 * var(--spacing-xl));margin-bottom:calc(-1 * var(--spacing-xl));width:calc(100% + 2 * var(--spacing-xl));overflow-x:auto;border-radius:0;border:none;border-top:1px solid var(--color-border-default);background-color:var(--color-surface)}.file-attachments-table::-webkit-scrollbar-track{background:var(--color-bg-muted)}.attachments-table{width:100%;min-width:900px;border-collapse:collapse;font-size:var(--text-sm);table-layout:auto}.attachments-table thead{background-color:var(--color-bg-muted);border-bottom:2px solid var(--color-border-default)}.attachments-table thead th{padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.attachments-table thead th:first-child{padding-left:var(--spacing-xl)}.attachments-table thead th:last-child{padding-right:var(--spacing-xl)}.attachments-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-in-out)}.attachments-table tbody tr:hover{background-color:var(--color-surface-hover)}.attachments-table tbody tr:last-child{border-bottom:none}.attachments-table tbody td{padding:var(--space-3);color:var(--color-text-primary);vertical-align:middle}.attachments-table tbody td:first-child{padding-left:var(--spacing-xl)}.attachments-table tbody td:last-child{padding-right:var(--spacing-xl)}.attachments-table th:nth-child(1),.attachments-table td:nth-child(1){min-width:250px;width:35%}.attachments-table th:nth-child(2),.attachments-table td:nth-child(2){min-width:180px;width:25%}.attachments-table th:nth-child(3),.attachments-table td:nth-child(3){min-width:100px;width:15%;text-align:center}.attachments-table th:nth-child(4),.attachments-table td:nth-child(4){min-width:100px;width:10%;text-align:right}.attachments-table th:nth-child(5),.attachments-table td:nth-child(5){min-width:140px;width:15%;text-align:center;white-space:nowrap}.file-action-btn{background-color:transparent;border:none;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.info-box{padding:var(--space-4);background-color:var(--color-info-50);border:1px solid var(--color-info-200);border-left:3px solid var(--color-info-500);border-radius:var(--radius-md);color:var(--color-text-primary);line-height:1.6}.info-box p{margin:0}[data-theme=dark] .info-box{background-color:#3b82f61a;border-color:#3b82f64d}.page-folder-card{animation:vault-stagger-in var(--duration-base) var(--ease-out) both}.page-folder-card:nth-child(1){animation-delay:0ms}.page-folder-card:nth-child(2){animation-delay:50ms}.page-folder-card:nth-child(3){animation-delay:.1s}.page-folder-card:nth-child(4){animation-delay:.15s}.page-folder-card:nth-child(5){animation-delay:.2s}.page-folder-card:nth-child(6){animation-delay:.25s}.page-folder-card:nth-child(7){animation-delay:.3s}.page-folder-card:nth-child(8){animation-delay:.34s}.page-folder-card:nth-child(9){animation-delay:.38s}.page-folder-card:nth-child(10){animation-delay:.42s}.record-card{animation:vault-stagger-in var(--duration-base) var(--ease-out) both}.record-card:nth-child(1){animation-delay:0ms}.record-card:nth-child(2){animation-delay:50ms}.record-card:nth-child(3){animation-delay:.1s}.record-card:nth-child(4){animation-delay:.15s}.record-card:nth-child(5){animation-delay:.2s}.record-card:nth-child(6){animation-delay:.25s}.record-card:nth-child(7){animation-delay:.3s}.record-card:nth-child(8){animation-delay:.34s}.record-card:focus-within{box-shadow:0 0 0 3px var(--color-primary),var(--shadow-sm);border-color:var(--color-primary)}[data-theme=midnight] .page-folder-card{background:linear-gradient(140deg,#1c1c2ad1,#141422a3);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.055);border-top:1px solid rgba(255,255,255,.09)}[data-theme=midnight] .page-folder-card:hover{border-color:#6c47ff61;box-shadow:0 8px 32px #00000085,0 0 0 1px #6c47ff24;transform:translateY(-2px)}[data-theme=midnight] .record-card{background:linear-gradient(140deg,#1c1c2ac7,#16162499);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.08)}[data-theme=midnight] .record-card:hover{border-color:#6c47ff47;box-shadow:0 4px 20px #00000080}[data-theme=midnight] .record-card:focus-within{box-shadow:0 0 0 1px #6c47ff,0 0 24px #6c47ff38,var(--shadow-md)}[data-theme=midnight] .record-header{border-bottom-color:#ffffff0f}[data-theme=midnight] .info-box{background-color:#6c47ff14;border-color:#6c47ff38;border-left-color:#6c47ff}.file-action-btn{opacity:.45}.file-action-btn:hover{opacity:1}[data-theme=midnight] .page-empty{background-color:#1c1c2a99;border-color:#ffffff0f}.file-attachment-manager{margin-top:var(--space-6);padding:var(--space-6);background-color:var(--color-bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--color-border-default)}.file-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.file-manager-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.file-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full)}.file-form{margin-bottom:var(--space-6);padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-md);border:2px solid var(--color-primary-light)}.file-form-title{margin:0 0 var(--space-5) 0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.file-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.file-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.file-form-field-full{grid-column:1 / -1}.file-form-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.file-input{padding:var(--space-3);font-size:var(--text-sm);border:2px dashed var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.file-input:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.file-input:disabled{opacity:.5;cursor:not-allowed}.file-selected-info{margin:var(--space-2) 0 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.file-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.file-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-surface)}.file-table-container::-webkit-scrollbar{height:12px}.file-table-container::-webkit-scrollbar-track{background:var(--color-bg-muted);border-radius:0 0 var(--radius-md) var(--radius-md)}.file-table-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm);border:2px solid var(--color-bg-muted)}.file-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.file-table-container{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-muted)}.file-table{width:100%;min-width:900px;border-collapse:collapse;font-size:var(--text-sm)}.file-table thead{background-color:var(--color-bg-muted);border-bottom:2px solid var(--color-border-default)}.file-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.file-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-in-out)}.file-table tbody tr:hover{background-color:var(--color-surface-hover)}.file-table tbody tr:last-child{border-bottom:none}.file-table tbody td{padding:var(--space-4);color:var(--color-text-primary);vertical-align:middle}.file-table th:nth-child(1),.file-table td:nth-child(1){min-width:200px}.file-table th:nth-child(2),.file-table td:nth-child(2){min-width:150px}.file-table th:nth-child(3),.file-table td:nth-child(3){min-width:180px}.file-table th:nth-child(4),.file-table td:nth-child(4){width:80px;text-align:center}.file-table th:nth-child(5),.file-table td:nth-child(5){width:90px;text-align:right}.file-table th:nth-child(6),.file-table td:nth-child(6){width:110px}.file-table th:nth-child(7),.file-table td:nth-child(7){width:160px;text-align:center;white-space:nowrap}.file-name-cell{display:flex;align-items:center;gap:var(--space-2)}.file-icon{font-size:var(--text-xl);flex-shrink:0}.file-name{font-weight:var(--weight-medium);color:var(--color-text-primary)}.file-description{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.file-actions{display:flex;gap:var(--space-2);justify-content:flex-start}.file-action-btn{padding:var(--space-2);font-size:var(--text-base);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.file-action-btn:active{transform:translateY(0)}.file-action-view:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.file-action-download:hover{background-color:var(--color-success-50);border-color:var(--color-success-500)}.file-action-edit:hover{background-color:var(--color-warning-50);border-color:var(--color-warning-500)}.file-action-delete:hover{background-color:var(--color-error-50);border-color:var(--color-error-500)}.file-empty-state{padding:var(--space-10) var(--space-6);text-align:center}.file-empty-icon{font-size:4rem;margin:0 0 var(--space-4) 0;opacity:.5}.file-empty-text{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.file-empty-hint{margin:0;font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (max-width: 1024px){.file-form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.file-attachment-manager{padding:var(--space-4)}.file-manager-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.file-manager-header button{width:100%}.file-form{padding:var(--space-4)}.file-form-actions{flex-direction:column-reverse}.file-form-actions button{width:100%}.file-description{max-width:150px}}.richtext-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.richtext-toolbar-group{display:flex;align-items:center;gap:var(--spacing-xs)}.richtext-toolbar-divider{width:1px;height:24px;background:var(--color-border)}.richtext-toolbar-button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.richtext-toolbar-button:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.richtext-toolbar-button:active:not(:disabled){transform:scale(.95)}.richtext-toolbar-button:disabled{opacity:.5;cursor:not-allowed}.richtext-toolbar-button-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.richtext-toolbar-button-active:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.richtext-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.richtext-editor-error{border-color:var(--color-error)}.richtext-editor-loading{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-sm)}.richtext-editor-content{padding:var(--spacing-md);min-height:200px;max-height:600px;overflow-y:auto}.richtext-editor-content .ProseMirror{outline:none;min-height:200px}.richtext-editor-content .ProseMirror.is-editor-empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none;float:left;height:0}.richtext-editor-content .ProseMirror img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--spacing-sm) 0}.richtext-editor-content .ProseMirror h1{font-size:2em;font-weight:700;margin:var(--spacing-md) 0}.richtext-editor-content .ProseMirror h2{font-size:1.5em;font-weight:700;margin:var(--spacing-md) 0}.richtext-editor-content .ProseMirror h3{font-size:1.25em;font-weight:600;margin:var(--spacing-sm) 0}.richtext-editor-content .ProseMirror ul,.richtext-editor-content .ProseMirror ol{padding-left:var(--spacing-lg);margin:var(--spacing-sm) 0}.richtext-editor-content .ProseMirror blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-muted);font-style:italic}.richtext-editor-content .ProseMirror code{background:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.richtext-editor-content .ProseMirror pre{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--spacing-sm) 0}.richtext-editor-content .ProseMirror pre code{background:none;padding:0}.richtext-editor-content .ProseMirror hr{border:none;border-top:2px solid var(--color-border);margin:var(--spacing-lg) 0}.richtext-editor-error-message{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);color:var(--color-error);font-size:var(--font-sm);border-top:1px solid var(--color-error)}.record-modal .modal-header{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-bg-elevated) 100%);padding:var(--space-6) var(--space-8)}[data-theme=dark] .record-modal .modal-header{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-bg-elevated) 100%)}.modal-subtitle{margin:var(--space-2) 0 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-normal)}.error-banner{padding:var(--space-4);margin-bottom:var(--space-6);background-color:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);color:var(--color-error-700);font-size:var(--text-sm);font-weight:var(--weight-medium)}[data-theme=dark] .error-banner{background-color:var(--color-error-900);border-color:var(--color-error-800);color:var(--color-error-200)}.form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-subtle)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.section-hint{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-warning-600);margin-left:auto;padding:var(--space-1) var(--space-2);background-color:var(--color-warning-50);border-radius:var(--radius-sm)}[data-theme=dark] .section-hint{background-color:var(--color-warning-900);color:var(--color-warning-300)}.section-icon{font-size:var(--text-xl);line-height:1}.section-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-3);flex:1}.field-count{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-tertiary);background-color:var(--color-bg-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.field-count-secondary{font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-tertiary);font-style:italic}.form-field{margin-bottom:var(--space-4)}.form-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.required-asterisk{color:var(--color-error-500);margin-left:var(--space-1)}.field-badge{display:inline-flex;align-items:center}.sensitive-badge{font-size:var(--text-sm);opacity:.7}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-input-text);transition:all var(--duration-fast) var(--ease-in-out);font-family:var(--font-sans)}.form-input:hover{border-color:var(--color-input-border-hover)}.form-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-input-placeholder)}textarea.form-input{resize:vertical;min-height:100px;font-family:var(--font-sans)}.form-select-large{font-size:var(--text-lg);padding:var(--space-4) var(--space-5);font-weight:var(--weight-medium);cursor:pointer}.currency-symbol{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-weight:var(--weight-semibold);pointer-events:none}.currency-input{padding-left:var(--space-8)}.fields-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 768px){.fields-grid{grid-template-columns:repeat(2,1fr)}.form-field-full-width{grid-column:1 / -1}}.additional-fields-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.additional-field-row{display:flex;gap:var(--space-3);padding:var(--space-5);background-color:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-in-out)}.additional-field-row:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.additional-field-inputs{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.additional-field-meta{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-3)}.field-name-input{font-weight:var(--weight-medium)}.field-type-select{font-size:var(--text-sm)}.additional-field-value,.additional-field-full-width .additional-field-inputs{width:100%}.additional-field-full-width .additional-field-meta{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width: 768px){.additional-field-full-width .additional-field-meta{display:grid;grid-template-columns:2fr 1fr}}.btn-remove{flex-shrink:0;color:var(--color-text-tertiary)}.btn-remove:hover{background-color:var(--color-error-50);color:var(--color-error-600)}[data-theme=dark] .btn-remove:hover{background-color:var(--color-error-900);color:var(--color-error-300)}.btn-add-field{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-primary);background-color:var(--color-primary-light);border:2px dashed var(--color-primary-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.btn-add-field:hover{background-color:var(--color-primary-100);border-color:var(--color-primary-400);transform:translateY(-2px);box-shadow:var(--shadow-sm)}[data-theme=dark] .btn-add-field{color:var(--color-primary-300);background-color:var(--color-primary-900);border-color:var(--color-primary-700)}[data-theme=dark] .btn-add-field:hover{background-color:var(--color-primary-800);border-color:var(--color-primary-600)}.btn-add-icon{font-size:var(--text-xl);font-weight:var(--weight-bold)}@media (max-width: 768px){.record-modal .modal-header{padding:var(--space-4) var(--space-5)}.form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.section-header{margin-bottom:var(--space-4)}.fields-grid,.additional-field-meta{grid-template-columns:1fr}.additional-field-row{padding:var(--space-4)}}.folder-picker-tree{border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden;max-height:220px;overflow-y:auto}.folder-picker-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background-color var(--duration-fast) var(--ease-in-out);-webkit-user-select:none;user-select:none}.folder-picker-item:hover{background-color:var(--color-bg-subtle)}.folder-picker-item.folder-picker-selected{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--weight-medium)}[data-theme=dark] .folder-picker-item.folder-picker-selected{background-color:var(--color-primary-900);color:var(--color-primary-300)}.folder-picker-dot{font-size:var(--text-xs);width:14px;text-align:center;color:var(--color-text-tertiary);flex-shrink:0}.folder-picker-item.folder-picker-selected .folder-picker-dot{color:var(--color-primary)}.folder-picker-icon{font-size:var(--text-base);flex-shrink:0}.folder-picker-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-picker-badge{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-text-tertiary);flex-shrink:0}.folder-picker-empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.folder-picker-empty p{margin:0 0 var(--space-3) 0}.file-field-container{width:100%}.file-field-display{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-in-out)}.file-field-display:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.file-field-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.file-field-icon{font-size:var(--text-xl)}.file-field-details{display:flex;flex-direction:column;gap:var(--space-1)}.file-field-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.file-field-size{font-size:var(--text-xs);color:var(--color-text-tertiary)}.file-field-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background-color:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);font-size:var(--text-lg)}.file-field-remove:hover{background-color:var(--color-error-50);color:var(--color-error-600)}[data-theme=dark] .file-field-remove:hover{background-color:var(--color-error-900);color:var(--color-error-300)}.file-field-upload{width:100%}.file-field-upload-label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-subtle);border:2px dashed var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.file-field-upload-label:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.file-field-upload-icon{font-size:var(--text-xl)}.file-field-upload-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.file-field-upload-label:hover .file-field-upload-text{color:var(--color-primary)}.longtext-field-container{display:flex;flex-direction:column;gap:var(--space-2)}.longtext-input{resize:vertical;min-height:100px}.field-hint{margin:0;font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;padding:var(--space-2) var(--space-3);background-color:var(--color-primary-light);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}@keyframes copy-success-pulse{0%{box-shadow:0 0 #10b9818c}55%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes copy-icon-swap{0%{transform:scale(1)}30%{transform:scale(.7) rotate(-10deg)}60%{transform:scale(1.15)}to{transform:scale(1)}}.copy-button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap}.copy-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.copy-button:active{transform:translateY(0) scale(.98)}.copy-button.copied{background-color:var(--color-success-500);border-color:var(--color-success-600);color:#fff;animation:copy-success-pulse .55s var(--ease-out)}.copy-button.copied .copy-icon{animation:copy-icon-swap .4s var(--ease-out)}.copy-icon{display:flex;align-items:center;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-in-out)}.copy-button:hover .copy-icon{transform:scale(1.15)}.copy-label{line-height:1}.copy-button-compact{padding:.25rem .5rem;font-size:.75rem}.copy-button-compact .copy-icon{font-size:.875rem}.copy-button-icon-only{padding:var(--space-2);min-width:32px;min-height:32px;justify-content:center;border-radius:var(--radius-md);border-color:transparent}.copy-button-icon-only .copy-label{display:none}.file-viewer-modal{max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.file-viewer-modal .modal-body{padding:0;overflow:auto;min-height:500px;max-height:calc(90vh - 180px);flex:1}.file-viewer-header-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.file-viewer-header-info h2{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);word-break:break-word}.file-viewer-type-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full);white-space:nowrap}.file-viewer-body{background-color:var(--color-bg-subtle);position:relative}[data-theme=dark] .file-viewer-body{background-color:var(--color-bg-base)}.file-viewer-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.file-viewer-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.file-viewer-pdf{width:100%;height:100%;min-height:600px;display:block}.file-viewer-pdf iframe{width:100%;height:100%;border:none;background-color:#fff}.file-viewer-text{width:100%;height:100%;min-height:600px;display:block;background-color:#fff;color:#1a1a1a}.file-viewer-text iframe{width:100%;height:100%;border:none;background-color:#fff;color-scheme:light}.file-viewer-video{width:100%;height:100%;min-height:400px;padding:var(--space-6);display:flex;justify-content:center;align-items:center}.file-viewer-video video{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.file-viewer-audio{width:100%;height:100%;min-height:400px;padding:var(--space-8);display:flex;justify-content:center;align-items:center}.file-viewer-loading{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10);color:var(--color-text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.file-viewer-error{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--color-error-600);font-size:var(--text-base);text-align:center}.file-viewer-unsupported{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10);text-align:center}.unsupported-icon{font-size:4rem;opacity:.5}.file-viewer-unsupported h3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);word-break:break-word}.file-viewer-unsupported p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}.unsupported-hint{color:var(--color-text-tertiary);font-size:var(--text-sm);font-style:italic}@media (max-width: 768px){.file-viewer-modal{max-width:100vw;max-height:100vh}.file-viewer-modal .modal-body{max-height:calc(100vh - 200px)}.file-viewer-header-info h2{font-size:var(--text-base)}.file-viewer-image,.file-viewer-video{padding:var(--space-4)}}.richtext-viewer{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);line-height:1.6}.richtext-viewer-loading{text-align:center;color:var(--color-text-muted);font-size:var(--font-sm);padding:var(--spacing-lg)}.richtext-viewer p{margin:var(--spacing-sm) 0}.richtext-viewer img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--spacing-md) 0;box-shadow:0 2px 8px #0000001a}.richtext-viewer h1{font-size:2em;font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-md) 0;color:var(--color-text)}.richtext-viewer h2{font-size:1.5em;font-weight:700;margin:var(--spacing-md) 0;color:var(--color-text)}.richtext-viewer h3{font-size:1.25em;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text)}.richtext-viewer ul,.richtext-viewer ol{padding-left:var(--spacing-lg);margin:var(--spacing-sm) 0}.richtext-viewer li{margin:var(--spacing-xs) 0}.richtext-viewer blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-muted);font-style:italic}.richtext-viewer code{background:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em;color:var(--color-text)}.richtext-viewer pre{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--spacing-md) 0}.richtext-viewer pre code{background:none;padding:0}.richtext-viewer hr{border:none;border-top:2px solid var(--color-border);margin:var(--spacing-lg) 0}.richtext-viewer strong{font-weight:700}.richtext-viewer em{font-style:italic}.richtext-viewer s{text-decoration:line-through}.richtext-viewer a{color:var(--color-primary);text-decoration:underline}.richtext-viewer a:hover{color:var(--color-primary-dark)}.record-detail-modal .modal-header{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-bg-elevated) 100%);padding:var(--space-6) var(--space-8)}[data-theme=dark] .record-detail-modal .modal-header{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-bg-elevated) 100%)}.record-detail-modal .modal-subtitle{margin:var(--space-2) 0 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-normal)}.detail-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-subtle);overflow-x:visible;overflow-y:visible}.detail-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5) 0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.detail-section-title .field-count{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-tertiary);background-color:var(--color-bg-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-left:auto}.detail-fields{display:flex;flex-direction:column;gap:var(--space-4)}.detail-field{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}[data-theme=dark] .detail-field{background-color:var(--color-bg-elevated)}.detail-field-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-field-value{display:flex;align-items:center;gap:var(--space-3);min-height:32px}.field-text{flex:1;font-size:var(--text-base);color:var(--color-text-primary);word-break:break-word;font-family:var(--font-mono);line-height:1.6}.detail-field-label .field-badge{display:inline-flex;align-items:center}.detail-field-label .sensitive-badge{font-size:var(--text-sm);opacity:.7}.detail-field-value .password-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-in-out)}.detail-field-value .password-toggle-btn:hover{color:var(--color-primary)}.file-attachments-table{overflow-x:auto;overflow-y:visible;border-radius:0;border:none;border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);margin-left:calc(-1 * var(--modal-padding));margin-right:calc(-1 * var(--modal-padding));width:calc(100% + 2 * var(--modal-padding));position:relative}.file-attachments-table::-webkit-scrollbar{height:12px}.file-attachments-table::-webkit-scrollbar-track{background:var(--color-bg-muted);border-radius:0 0 var(--radius-md) var(--radius-md)}.file-attachments-table::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm);border:2px solid var(--color-bg-muted)}.file-attachments-table::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.file-attachments-table{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-muted)}.detail-table{width:100%;min-width:800px;border-collapse:collapse;font-size:var(--text-sm);background-color:var(--color-surface)}.detail-table thead{background-color:var(--color-bg-muted);border-bottom:2px solid var(--color-border-default)}.detail-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.detail-table thead th:first-child{padding-left:var(--modal-padding)}.detail-table thead th:last-child{padding-right:var(--modal-padding)}.detail-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-in-out)}.detail-table tbody tr:hover{background-color:var(--color-surface-hover)}.detail-table tbody tr:last-child{border-bottom:none}.detail-table tbody td{padding:var(--space-4);color:var(--color-text-primary);vertical-align:middle}.detail-table tbody td:first-child{padding-left:var(--modal-padding)}.detail-table tbody td:last-child{padding-right:var(--modal-padding)}.detail-table th:nth-child(1),.detail-table td:nth-child(1){min-width:180px}.detail-table th:nth-child(2),.detail-table td:nth-child(2){min-width:120px}.detail-table th:nth-child(3),.detail-table td:nth-child(3){min-width:150px}.detail-table th:nth-child(4),.detail-table td:nth-child(4){width:80px;text-align:center}.detail-table th:nth-child(5),.detail-table td:nth-child(5){width:90px;text-align:right}.detail-table th:nth-child(6),.detail-table td:nth-child(6){width:140px;text-align:center;white-space:nowrap}.detail-table tbody td:nth-child(6)>div{display:flex;gap:var(--space-2);justify-content:center;align-items:center}.file-type-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-sm);text-transform:uppercase}.file-action-btn{padding:var(--space-2);font-size:var(--text-base);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.file-action-btn:hover{background-color:var(--color-surface-hover);transform:translateY(-1px)}.file-action-btn:disabled{opacity:.5;cursor:not-allowed}.record-meta-row{display:flex;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--text-xs);color:var(--color-text-tertiary)}.record-detail-modal .modal-footer{display:flex;justify-content:space-between;padding:var(--space-6) var(--space-8);border-top:1px solid var(--color-border-subtle);background-color:var(--color-bg-subtle)}[data-theme=dark] .record-detail-modal .modal-footer{background-color:var(--color-bg-elevated)}@media (max-width: 768px){.record-detail-modal .modal-header{padding:var(--space-5) var(--space-6)}.record-detail-modal .modal-footer{padding:var(--space-5) var(--space-6);flex-direction:column-reverse;gap:var(--space-3)}.record-detail-modal .modal-footer>div{width:100%;display:flex;gap:var(--space-3)}.record-detail-modal .modal-footer button{flex:1}}.view-toggle{display:inline-flex;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.25rem;gap:.25rem}.view-toggle-button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-toggle-button:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.view-toggle-button.active{background-color:var(--color-primary);color:#fff}.view-toggle-icon{font-size:1rem;line-height:1}.view-toggle-label{line-height:1}@media (max-width: 640px){.view-toggle-button{padding:.375rem .5rem}.view-toggle-label{display:none}}.credentials-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background-color:var(--color-bg-base)}.credentials-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);white-space:nowrap}.credentials-table thead{background-color:var(--color-surface-elevated, #1e2736);border-bottom:2px solid var(--color-border-strong, var(--color-border-default));position:sticky;top:0;z-index:1}.credentials-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--color-border-default)}.credentials-table thead th:last-child{border-right:none}.secret-indicator{font-size:var(--text-xs);opacity:.7}.credentials-row{border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-in-out)}.credentials-row:last-child{border-bottom:none}.credentials-row:hover{background-color:var(--color-surface-hover)}.credentials-table tbody td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);vertical-align:middle;border-right:1px solid var(--color-border-subtle);max-width:280px;overflow:hidden;text-overflow:ellipsis}.credentials-table tbody td:last-child{border-right:none}.cell-name{font-weight:var(--weight-medium);color:var(--color-text-primary);min-width:160px}.secret-cell{cursor:default;background-color:var(--color-bg-subtle);font-family:var(--font-mono, monospace)}.secret-cell:hover{background-color:var(--color-surface-hover)}.masked-value{color:var(--color-text-tertiary);letter-spacing:.15em;font-size:var(--text-base);-webkit-user-select:none;user-select:none}.secret-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-in-out),opacity var(--duration-fast);opacity:.5}.secret-toggle-btn:hover{color:var(--color-text-primary);opacity:1}.credential-cell-inner{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.cell-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.empty-value{color:var(--color-text-tertiary);font-style:italic}.longtext-view-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface);color:var(--color-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.longtext-view-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.col-actions{width:130px;text-align:center!important}.cell-actions{display:flex;gap:var(--space-2);align-items:center;justify-content:center;white-space:nowrap}.cred-action-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.cred-action-edit{background-color:var(--color-surface);border-color:var(--color-border-default);color:var(--color-text-primary)}.cred-action-edit:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.cred-action-delete{background-color:transparent;border-color:var(--color-border-default);color:var(--color-text-secondary)}.cred-action-delete:hover{border-color:var(--color-error-500, #ef4444);color:var(--color-error-600, #dc2626);background-color:var(--color-error-50, #fef2f2)}@media (max-width: 768px){.credentials-table{font-size:var(--text-xs)}.credentials-table thead th,.credentials-table tbody td{padding:var(--space-2) var(--space-3)}}.credentials-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.credentials-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.credentials-page-title{display:flex;align-items:center;gap:var(--space-3)}.credentials-page-title h1{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.credentials-total-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.credentials-header-actions{display:flex;gap:var(--space-3);align-items:center}.credentials-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap}.breadcrumb-link{color:var(--color-primary);text-decoration:none;cursor:pointer}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--color-text-tertiary)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--weight-medium)}.credentials-root-info{margin-bottom:var(--space-8);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-4)}.credentials-root-icon{font-size:2.5rem;line-height:1}.credentials-root-stats h2{margin:0 0 var(--space-1) 0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.credentials-root-stats p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.credentials-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.credentials-folder-card{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);display:flex;flex-direction:column;gap:var(--space-2)}.credentials-folder-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.folder-card-icon{font-size:2rem;line-height:1}.folder-card-name{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.folder-card-type{font-size:var(--text-sm);color:var(--color-text-secondary)}.folder-card-count{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.credentials-folder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.folder-header-info{display:flex;align-items:center;gap:var(--space-3)}.folder-header-icon{font-size:1.75rem;line-height:1}.folder-header-meta h2{margin:0 0 var(--space-1) 0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.folder-header-meta .record-type-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.folder-header-actions{display:flex;gap:var(--space-3);align-items:center}.credentials-empty{padding:var(--space-12);text-align:center;background-color:var(--color-surface);border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.credentials-empty-icon{font-size:3rem;opacity:.4}.credentials-empty h3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.credentials-empty p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px}.credentials-error{padding:var(--space-4);margin-bottom:var(--space-6);background-color:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-base);color:var(--color-error-700)}.credentials-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary);font-size:var(--text-base)}.no-record-type-warning{padding:var(--space-5);background-color:var(--color-warning-50, #fffbeb);border:1px solid var(--color-warning-300, #fcd34d);border-radius:var(--radius-lg);color:var(--color-warning-800, #92400e);font-size:var(--text-sm)}.cred-search-bar{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-5);transition:border-color var(--duration-fast)}.cred-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.cred-search-icon{font-size:var(--text-base);flex-shrink:0;opacity:.5}.cred-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-sm);color:var(--color-text-primary);min-width:0}.cred-search-input::placeholder{color:var(--color-text-tertiary)}.cred-search-clear{background:none;border:none;cursor:pointer;font-size:var(--text-lg);line-height:1;color:var(--color-text-tertiary);padding:0 var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast);flex-shrink:0}.cred-search-clear:hover{color:var(--color-text-primary)}.cred-search-highlight{background-color:var(--color-warning-200, #fef08a);color:var(--color-warning-900, #713f12);border-radius:2px;padding:0 1px}[data-theme=midnight] .cred-search-highlight,[data-theme=dark] .cred-search-highlight{background-color:#facc1540;color:#fef08a}.cred-search-summary{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.cred-search-results{display:flex;flex-direction:column;gap:var(--space-2)}.cred-search-result-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.cred-search-result-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.cred-result-main{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.cred-result-icon{font-size:1.5rem;flex-shrink:0}.cred-result-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cred-result-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cred-result-fields{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cred-result-field{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.cred-result-field-label{color:var(--color-text-tertiary);margin-right:2px}.cred-result-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.cred-result-type-badge{font-size:var(--text-xs);padding:2px var(--space-2);background-color:var(--color-bg-muted);border-radius:var(--radius-full);color:var(--color-text-secondary);white-space:nowrap}.cred-result-folder{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}@media (max-width: 768px){.credentials-page{padding:var(--space-4)}.credentials-folder-grid{grid-template-columns:1fr}.credentials-page-header,.credentials-folder-header{flex-direction:column;align-items:flex-start}}.bulk-import-modal .modal-header{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-bg-elevated) 100%);padding:var(--space-6) var(--space-8)}[data-theme=dark] .bulk-import-modal .modal-header,[data-theme=midnight] .bulk-import-modal .modal-header{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-bg-elevated) 100%)}.import-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-bg-subtle);cursor:pointer;transition:border-color var(--duration-fast),background-color var(--duration-fast);text-align:center}.import-drop-zone:hover,.import-drop-zone.drag-over{border-color:var(--color-primary);background-color:var(--color-primary-light)}.import-drop-zone-icon{font-size:2.5rem;line-height:1}.import-drop-zone-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.import-drop-zone-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.import-file-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md)}.import-file-chip-name{flex:1;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-file-chip-remove{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:2px;font-size:var(--text-base);line-height:1;border-radius:var(--radius-sm);flex-shrink:0}.import-file-chip-remove:hover{color:var(--color-danger)}.import-folder-selector{display:flex;flex-direction:column;gap:var(--space-2)}.import-folder-selector label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.import-folder-selector select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer}.import-parse-error{padding:var(--space-4);background-color:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm)}.import-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.import-preview-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.import-preview-badges{display:flex;gap:var(--space-2)}.import-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.import-badge-valid{background-color:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}.import-badge-error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}[data-theme=dark] .import-badge-valid,[data-theme=midnight] .import-badge-valid{background-color:var(--color-success-900);border-color:var(--color-success-700);color:var(--color-success-300)}.import-preview-container{overflow-x:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.import-preview-table{width:100%;min-width:600px;border-collapse:collapse;font-size:var(--text-sm)}.import-preview-table thead{position:sticky;top:0;background-color:var(--color-bg-muted);z-index:1}.import-preview-table thead th{padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid var(--color-border-default)}.import-preview-table tbody tr{border-bottom:1px solid var(--color-border-subtle)}.import-preview-table tbody tr:last-child{border-bottom:none}.import-preview-table tbody tr.row-error{background-color:#ef44440f}.import-preview-table tbody td{padding:var(--space-2) var(--space-3);color:var(--color-text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.import-preview-table tbody td.row-num{color:var(--color-text-tertiary);font-size:var(--text-xs);width:40px}.import-row-errors{font-size:var(--text-xs);color:var(--color-danger);margin-top:2px}.import-status{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium)}.import-status-success{background-color:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}.import-status-error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}[data-theme=dark] .import-status-success,[data-theme=midnight] .import-status-success{background-color:var(--color-success-900);border-color:var(--color-success-700);color:var(--color-success-300)}.import-no-folders{padding:var(--space-4);background-color:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.import-section{display:flex;flex-direction:column;gap:var(--space-3)}.import-section-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.settings-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.settings-tabs{display:flex;align-items:center;gap:2px;padding:var(--space-1);margin-bottom:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.settings-tab{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:none;border:none;border-radius:var(--md-sys-shape-corner-full);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;flex:1 1 0;justify-content:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.settings-tab:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.settings-tab.active{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.settings-tab-icon{font-size:.875rem;line-height:1;flex-shrink:0}.settings-page .btn-secondary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border-color:transparent;box-shadow:var(--shadow-xs)}.settings-page .btn-secondary:before{background-color:transparent}.settings-page .btn-secondary:hover:not(:disabled){background-color:var(--color-button-primary-hover);border-color:transparent}.settings-page .btn-secondary:hover:not(:disabled):before{background-color:#ffffff14}.settings-page .btn-secondary:active:not(:disabled):before{background-color:#ffffff1f}.settings-content{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);padding:var(--space-8)}.settings-section h2{margin:0 0 var(--space-4) 0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8)}.section-description{margin:var(--space-2) 0 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.settings-group{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-default)}.settings-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-group h3{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary)}.setting-description{margin:0 0 var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.groups-list{display:flex;flex-direction:column;gap:var(--space-4)}.group-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.group-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.group-info{flex:1}.group-name{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.group-description{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.group-count{margin:0;font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.group-actions{display:flex;gap:var(--space-2);align-items:center}.group-default-badge{padding:var(--space-1) var(--space-2);background-color:var(--color-bg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.error-banner{padding:var(--space-4);margin-bottom:var(--space-6);background-color:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-base);color:var(--color-error-700);text-align:center}.loading-state{text-align:center;padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-base)}.settings-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background-color:var(--color-surface);box-shadow:var(--shadow-xs)}.settings-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.settings-table thead{background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default)}.settings-table thead th{padding:var(--space-4) var(--space-6);text-align:left;font-weight:var(--weight-medium);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.settings-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-in-out)}.settings-table tbody tr:last-child{border-bottom:none}.settings-table tbody tr:hover{background-color:var(--color-surface-hover)}.settings-table tbody td{padding:var(--space-4) var(--space-6);color:var(--color-text-primary);vertical-align:middle}.settings-table tbody td:first-child{width:60px;text-align:center}.settings-table tbody td:nth-child(2){font-weight:var(--weight-medium);min-width:200px}.settings-table tbody td:nth-child(3){min-width:250px;color:var(--color-text-secondary)}.settings-table tbody td:nth-child(4),.settings-table tbody td:nth-child(5){white-space:nowrap;color:var(--color-text-secondary);font-size:var(--text-sm)}.settings-table tbody td:last-child{width:180px}@media (max-width: 1024px){.settings-table thead th,.settings-table tbody td{padding:var(--space-3) var(--space-4)}.settings-table tbody td:nth-child(3){min-width:180px}}@media (max-width: 768px){.settings-page,.settings-content{padding:var(--space-4)}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{padding:var(--space-3) var(--space-4);white-space:nowrap}.settings-table thead th,.settings-table tbody td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}.theme-selector-container{margin-top:var(--space-4)}.theme-selector-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);cursor:pointer}.theme-selector{width:100%;max-width:400px;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);background-color:var(--color-bg-base);border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.theme-selector:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-hover)}.theme-selector:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.theme-selector:disabled{opacity:.5;cursor:not-allowed}.theme-selector option{padding:var(--space-3);font-size:var(--text-base);background-color:var(--color-bg-base);color:var(--color-text-primary)}.theme-selector-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}[data-theme=smooth-dark-hc] .theme-selector{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.number-input{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);background-color:var(--color-bg-base);border:2px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-in-out);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-hover)}.number-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.number-input:disabled{opacity:.5;cursor:not-allowed}.theme-selector-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.warning-box{background-color:var(--color-warning-50);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--color-warning-600);margin-bottom:var(--space-4)}.warning-box p{margin:0;font-size:var(--text-base);color:var(--color-warning-900);line-height:1.6}.warning-box p strong{color:var(--color-warning-700)}[data-theme=smooth-dark-hc] .warning-box{background-color:var(--color-warning-900);border-left-color:var(--color-warning-500)}[data-theme=smooth-dark-hc] .warning-box p{color:var(--color-warning-100)}[data-theme=smooth-dark-hc] .warning-box p strong{color:var(--color-warning-200)}.home-page{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-12)}.home-hero{text-align:center;padding:var(--space-12) var(--space-8);background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-surface-hover) 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.home-hero-eyebrow{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.home-hero-title{margin:0 0 var(--space-4) 0;font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--leading-tight)}.home-hero-subtitle{margin:0 auto;max-width:560px;font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.home-section-heading{margin:0 0 var(--space-6) 0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.home-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.home-section-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-left:4px solid var(--card-accent, var(--color-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:box-shadow var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out);position:relative}.home-section-card:hover{box-shadow:var(--shadow-base);background-color:var(--color-surface-hover);border-color:var(--color-border-default)}.home-card-icon{font-size:2rem;line-height:1;flex-shrink:0;margin-top:2px}.home-card-body{flex:1;min-width:0}.home-card-title{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.home-card-description{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.home-card-examples{margin:0;padding-left:var(--space-4);list-style:disc;display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);color:var(--color-text-tertiary)}.home-card-arrow{font-size:var(--text-xl);color:var(--color-text-tertiary);flex-shrink:0;align-self:center;transition:transform var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.home-section-card:hover .home-card-arrow{transform:translate(5px);color:var(--color-primary)}.home-guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.home-guide-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.home-guide-step-icon{font-size:1.75rem;line-height:1;flex-shrink:0;margin-top:2px}.home-guide-step-title{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.home-guide-step-text{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}@media (max-width: 768px){.home-page{padding:var(--space-4);gap:var(--space-8)}.home-hero{padding:var(--space-8) var(--space-4)}.home-hero-title{font-size:var(--text-3xl)}.home-hero-subtitle{font-size:var(--text-base)}.home-cards-grid,.home-guide-steps{grid-template-columns:1fr}}.app{height:100%;display:flex;flex-direction:column}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", "Monaco", "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--duration-instant: .1s;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.45, .05, .55, .95);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root{--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-primary-800: #3730A3;--color-primary-900: #312E81;--color-accent-50: #FFF1F2;--color-accent-100: #FFE4E6;--color-accent-200: #FECDD3;--color-accent-300: #FDA4AF;--color-accent-400: #FB7185;--color-accent-500: #F43F5E;--color-accent-600: #E11D48;--color-accent-700: #BE123C;--color-accent-800: #9F1239;--color-accent-900: #881337;--color-success-50: #F0FDFA;--color-success-100: #CCFBF1;--color-success-200: #99F6E4;--color-success-300: #5EEAD4;--color-success-400: #2DD4BF;--color-success-500: #14B8A6;--color-success-600: #0D9488;--color-success-700: #0F766E;--color-success-800: #115E59;--color-success-900: #134E4A;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-200: #FECACA;--color-error-300: #FCA5A5;--color-error-400: #F87171;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-error-800: #991B1B;--color-error-900: #7F1D1D;--color-info-50: #F0F9FF;--color-info-100: #E0F2FE;--color-info-200: #BAE6FD;--color-info-300: #7DD3FC;--color-info-400: #38BDF8;--color-info-500: #0EA5E9;--color-info-600: #0284C7;--color-info-700: #0369A1;--color-info-800: #075985;--color-info-900: #0C4A6E;--color-primary: var(--color-primary-600);--color-primary-hover: var(--color-primary-700);--color-primary-active: var(--color-primary-800);--color-primary-light: var(--color-primary-50);--color-bg-base: #FFFFFF;--color-bg-subtle: #FAFAFA;--color-bg-muted: #F5F5F5;--color-bg-elevated: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .5);--color-surface: #FFFFFF;--color-surface-hover: #FAFAFA;--color-surface-active: #F5F5F5;--color-surface-selected: #EEF2FF;--color-text-primary: #18181B;--color-text-secondary: #52525B;--color-text-tertiary: #A1A1AA;--color-text-disabled: #D4D4D8;--color-text-inverse: #FFFFFF;--color-text-link: var(--color-primary-600);--color-text-link-hover: var(--color-primary-700);--color-border-subtle: #F4F4F5;--color-border-default: #E4E4E7;--color-border-strong: #D4D4D8;--color-border-hover: #A1A1AA;--color-border-focus: var(--color-primary-500);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 4px 12px rgba(99, 102, 241, .15);--shadow-success: 0 4px 12px rgba(20, 184, 166, .15);--shadow-error: 0 4px 12px rgba(239, 68, 68, .15);--color-input-bg: var(--color-bg-base);--color-input-border: var(--color-border-default);--color-input-border-hover: var(--color-border-hover);--color-input-border-focus: var(--color-primary);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-tertiary);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: white;--color-button-primary-hover: var(--color-primary-hover);--color-button-secondary-bg: transparent;--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-border: var(--color-border-default);--color-button-secondary-hover: var(--color-bg-muted)}[data-theme=smooth-light-hc]{--color-primary-50: #F3FFFA;--color-primary-100: #E5FFF8;--color-primary-200: #9FF2E1;--color-primary-300: #83D5C5;--color-primary-400: #5EDAC5;--color-primary-500: #03A390;--color-primary-600: #006B5E;--color-primary-700: #00332C;--color-primary-800: #003730;--color-primary-900: #00201B;--color-accent-50: #E6F2FF;--color-accent-100: #CAE6FF;--color-accent-200: #ACCAE5;--color-accent-300: #92AFC7;--color-accent-400: #7894AC;--color-accent-500: #5E7A91;--color-accent-600: #2E4C62;--color-accent-700: #0D2F44;--color-accent-800: #133348;--color-accent-900: #001E30;--color-success-50: #F2FFFB;--color-success-100: #9EF2E3;--color-success-200: #82D5C7;--color-success-300: #97B1AB;--color-success-400: #637C77;--color-success-500: #4B635E;--color-success-600: #006B5F;--color-success-700: #005047;--color-success-800: #003731;--color-success-900: #00201C;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-error-50: #FFDAD6;--color-error-100: #FFDAD6;--color-error-200: #FFB4AB;--color-error-300: #FF897D;--color-error-400: #FF5449;--color-error-500: #DE3730;--color-error-600: #904A43;--color-error-700: #73332D;--color-error-800: #5C1F1A;--color-error-900: #410002;--color-info-50: #E6F2FF;--color-info-100: #CAE6FF;--color-info-200: #ACCAE5;--color-info-300: #92AFC7;--color-info-400: #7894AC;--color-info-500: #5E7A91;--color-info-600: #446279;--color-info-700: #2C4A60;--color-info-800: #133348;--color-info-900: #001E30;--color-primary: var(--color-primary-700);--color-primary-hover: var(--color-primary-800);--color-primary-active: var(--color-primary-900);--color-primary-light: var(--color-primary-50);--color-bg-base: #F4FBF8;--color-bg-subtle: #ECF2F0;--color-bg-muted: #DDE4E2;--color-bg-elevated: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .5);--color-surface: #FFFFFF;--color-surface-hover: #ECF2F0;--color-surface-active: #DDE4E2;--color-surface-selected: #005349;--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-tertiary: #252E2C;--color-text-disabled: #414B49;--color-text-inverse: #FFFFFF;--color-text-link: var(--color-primary-700);--color-text-link-hover: var(--color-primary-800);--color-border-subtle: #C1C8C6;--color-border-default: #414B49;--color-border-strong: #252E2C;--color-border-hover: #000000;--color-border-focus: var(--color-primary-700);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .08);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px -1px rgba(0, 0, 0, .12);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .15), 0 4px 6px -4px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 8px 10px -6px rgba(0, 0, 0, .15);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .3);--shadow-primary: 0 4px 12px rgba(0, 51, 44, .2);--shadow-success: 0 4px 12px rgba(0, 51, 43, .2);--shadow-error: 0 4px 12px rgba(81, 26, 21, .2);--color-input-bg: var(--color-bg-base);--color-input-border: var(--color-border-default);--color-input-border-hover: var(--color-border-hover);--color-input-border-focus: var(--color-primary);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-tertiary);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: #FFFFFF;--color-button-primary-hover: var(--color-primary-hover);--color-button-secondary-bg: transparent;--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-border: var(--color-border-default);--color-button-secondary-hover: var(--color-bg-muted);--color-danger-bg: var(--color-error-50);--color-warning-bg: var(--color-warning-50);--color-success-bg: var(--color-success-50)}[data-theme=smooth-dark-hc]{--color-primary-50: #F3FFFA;--color-primary-100: #E5FFF8;--color-primary-200: #B0FFEE;--color-primary-300: #9FF2E1;--color-primary-400: #7FD1C1;--color-primary-500: #83D5C5;--color-primary-600: #5EDAC5;--color-primary-700: #3CBEAA;--color-primary-800: #006B5E;--color-primary-900: #005046;--color-accent-50: #E5F1FF;--color-accent-100: #CAE6FF;--color-accent-200: #A8C6E1;--color-accent-300: #ACCAE5;--color-accent-400: #92AFC7;--color-accent-500: #7894AC;--color-accent-600: #5E7A91;--color-accent-700: #2C4A60;--color-accent-800: #133348;--color-accent-900: #001E30;--color-success-50: #B0FFF0;--color-success-100: #9EF2E3;--color-success-200: #7FD1C3;--color-success-300: #82D5C7;--color-success-400: #97B1AB;--color-success-500: #637C77;--color-success-600: #4B635E;--color-success-700: #003731;--color-success-800: #002B26;--color-success-900: #001511;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-error-50: #FFECE9;--color-error-100: #FFDAD6;--color-error-200: #FFAEA5;--color-error-300: #FFB4AB;--color-error-400: #FFB4AB;--color-error-500: #FFAEA5;--color-error-600: #FF897D;--color-error-700: #904A43;--color-error-800: #73332D;--color-error-900: #220001;--color-info-50: #E5F1FF;--color-info-100: #CAE6FF;--color-info-200: #A8C6E1;--color-info-300: #ACCAE5;--color-info-400: #92AFC7;--color-info-500: #7894AC;--color-info-600: #5E7A91;--color-info-700: #2C4A60;--color-info-800: #133348;--color-info-900: #001E30;--color-primary: var(--color-primary-200);--color-primary-hover: var(--color-primary-100);--color-primary-active: var(--color-primary-50);--color-primary-light: var(--color-primary-900);--color-bg-base: #0E1513;--color-bg-subtle: #1A2120;--color-bg-muted: #2B3231;--color-bg-elevated: #363D3C;--color-bg-overlay: rgba(0, 0, 0, .85);--color-surface: #2B3231;--color-surface-hover: #363D3C;--color-surface-active: #414847;--color-surface-selected: #005046;--color-text-primary: #FFFFFF;--color-text-secondary: #FFFFFF;--color-text-tertiary: #E8F2EE;--color-text-disabled: #BBC5C1;--color-text-inverse: #000000;--color-text-link: var(--color-primary-200);--color-text-link-hover: var(--color-primary-100);--color-border-subtle: #363D3C;--color-border-default: #BBC5C1;--color-border-strong: #E8F2EE;--color-border-hover: #FFFFFF;--color-border-focus: var(--color-primary-200);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .6), 0 1px 2px -1px rgba(0, 0, 0, .5);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -4px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .8), 0 8px 10px -6px rgba(0, 0, 0, .7);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .9);--shadow-primary: 0 4px 12px rgba(176, 255, 238, .25);--shadow-success: 0 4px 12px rgba(176, 255, 240, .25);--shadow-error: 0 4px 12px rgba(255, 174, 165, .25);--color-input-bg: var(--color-bg-base);--color-input-border: var(--color-border-default);--color-input-border-hover: var(--color-border-hover);--color-input-border-focus: var(--color-primary);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-tertiary);--color-button-primary-bg: var(--color-primary);--color-button-primary-text: #000000;--color-button-primary-hover: var(--color-primary-hover);--color-button-secondary-bg: transparent;--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-border: var(--color-border-default);--color-button-secondary-hover: var(--color-surface-hover);--color-danger-bg: #220001;--color-warning-bg: var(--color-warning-900);--color-success-bg: #001511}:root{--button-height-sm: 32px;--button-height-base: 40px;--button-height-lg: 48px;--button-padding-x-sm: var(--space-3);--button-padding-x-base: var(--space-4);--button-padding-x-lg: var(--space-6);--input-height: 40px;--input-padding-x: var(--space-3);--input-padding-y: var(--space-2);--nav-height: 64px;--nav-padding: var(--space-4);--sidebar-width: 280px;--sidebar-width-collapsed: 64px;--modal-padding: var(--space-6);--modal-max-width: 560px;--modal-max-width-lg: 768px;--card-padding: var(--space-6);--card-border-radius: var(--radius-lg)}*{transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-in-out)}.theme-transitioning,.theme-transitioning *{transition:none!important}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}[data-theme=smooth-dark-hc] ::selection{background-color:var(--color-primary-900);color:var(--color-text-primary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-base);border:2px solid var(--color-bg-subtle)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-default) var(--color-bg-subtle)}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass{background:var(--color-surface);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--color-border-subtle)}.gradient-text{background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root,[data-theme=smooth-light-hc],[data-theme=smooth-dark-hc]{--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--font-xs: var(--text-xs);--font-sm: var(--text-sm);--font-md: var(--text-base);--font-lg: var(--text-lg);--font-xl: var(--text-xl);--font-2xl: var(--text-2xl);--color-bg: var(--color-bg-base);--color-background: var(--color-bg-base);--color-background-secondary: var(--color-bg-subtle);--color-text: var(--color-text-primary);--color-text-secondary: var(--color-text-secondary);--color-text-muted: var(--color-text-tertiary);--color-border: var(--color-border-default);--color-primary-bg: var(--color-primary-light);--color-danger: var(--color-error-600);--color-danger-bg: var(--color-error-50);--color-warning: var(--color-warning-600);--color-warning-bg: var(--color-warning-50);--color-success: var(--color-success-600);--color-success-bg: var(--color-success-50);--border-radius: var(--radius-base);--radius-sm: var(--radius-sm);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg)}.text-disabled{color:var(--color-text-disabled)}.bg-base{background-color:var(--color-bg-base)}.bg-subtle{background-color:var(--color-bg-subtle)}.bg-muted{background-color:var(--color-bg-muted)}.bg-surface{background-color:var(--color-surface)}.border{border:1px solid var(--color-border-default)}.border-subtle{border:1px solid var(--color-border-subtle)}.border-strong{border:1px solid var(--color-border-strong)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-base{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-base) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-base) var(--ease-out)}:root{--md-sys-color-primary: #4F46E5;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #E0E7FF;--md-sys-color-on-primary-container: #312E81;--md-sys-color-secondary: #E11D48;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #FFE4E6;--md-sys-color-on-secondary-container: #881337;--md-sys-color-tertiary: #0D9488;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #CCFBF1;--md-sys-color-on-tertiary-container: #134E4A;--md-sys-color-error: #DC2626;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #FEE2E2;--md-sys-color-on-error-container: #7F1D1D;--md-sys-color-background: #FFFFFF;--md-sys-color-on-background: #18181B;--md-sys-color-surface: #FFFFFF;--md-sys-color-on-surface: #18181B;--md-sys-color-surface-variant: #F5F5F5;--md-sys-color-on-surface-variant: #52525B;--md-sys-color-surface-container-highest: #E4E4E7;--md-sys-color-surface-container-high: #EFEFEF;--md-sys-color-surface-container: #F5F5F5;--md-sys-color-surface-container-low: #FAFAFA;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-tint: #4F46E5;--md-sys-color-outline: #A1A1AA;--md-sys-color-outline-variant: #E4E4E7;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #27272A;--md-sys-color-inverse-on-surface: #F4F4F5;--md-sys-color-inverse-primary: #818CF8;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 6px;--md-sys-shape-corner-medium: 8px;--md-sys-shape-corner-large: 12px;--md-sys-shape-corner-extra-large: 16px;--md-sys-shape-corner-full: 9999px;--md-sys-typescale-label-large-font: "Inter", sans-serif;--md-sys-typescale-label-large-size: .875rem;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-body-medium-font: "Inter", sans-serif;--md-sys-typescale-body-medium-size: 1rem;--md-sys-typescale-body-medium-weight: 400;--md-sys-state-hover-state-layer-opacity: .08;--md-sys-state-pressed-state-layer-opacity: .12;--md-sys-state-focus-state-layer-opacity: .12;--md-sys-state-dragged-state-layer-opacity: .16}[data-theme=smooth-light-hc]{--md-sys-color-primary: #00332C;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #005349;--md-sys-color-on-primary-container: #FFFFFF;--md-sys-color-secondary: #00332C;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #00534A;--md-sys-color-on-secondary-container: #FFFFFF;--md-sys-color-tertiary: #0D2F44;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #2E4C62;--md-sys-color-on-tertiary-container: #FFFFFF;--md-sys-color-error: #511A15;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #76362F;--md-sys-color-on-error-container: #FFFFFF;--md-sys-color-background: #F4FBF8;--md-sys-color-on-background: #171D1B;--md-sys-color-surface: #F4FBF9;--md-sys-color-on-surface: #000000;--md-sys-color-surface-variant: #DAE5E1;--md-sys-color-on-surface-variant: #000000;--md-sys-color-surface-container-highest: #C1C8C6;--md-sys-color-surface-container-high: #CFD6D4;--md-sys-color-surface-container: #DDE4E2;--md-sys-color-surface-container-low: #ECF2F0;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-tint: #006B5E;--md-sys-color-outline: #252E2C;--md-sys-color-outline-variant: #414B49;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #2B3231;--md-sys-color-inverse-on-surface: #FFFFFF;--md-sys-color-inverse-primary: #83D5C5;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 6px;--md-sys-shape-corner-medium: 8px;--md-sys-shape-corner-large: 12px;--md-sys-shape-corner-extra-large: 16px;--md-sys-shape-corner-full: 9999px}[data-theme=smooth-dark-hc]{--md-sys-color-primary: #B0FFEE;--md-sys-color-on-primary: #000000;--md-sys-color-primary-container: #7FD1C1;--md-sys-color-on-primary-container: #000E0B;--md-sys-color-secondary: #B0FFF0;--md-sys-color-on-secondary: #000000;--md-sys-color-secondary-container: #7FD1C3;--md-sys-color-on-secondary-container: #000E0B;--md-sys-color-tertiary: #E5F1FF;--md-sys-color-on-tertiary: #000000;--md-sys-color-tertiary-container: #A8C6E1;--md-sys-color-on-tertiary-container: #000D17;--md-sys-color-error: #FFECE9;--md-sys-color-on-error: #000000;--md-sys-color-error-container: #FFAEA5;--md-sys-color-on-error-container: #220001;--md-sys-color-background: #0E1513;--md-sys-color-on-background: #DEE4E1;--md-sys-color-surface: #0E1514;--md-sys-color-on-surface: #FFFFFF;--md-sys-color-surface-variant: #3F4946;--md-sys-color-on-surface-variant: #FFFFFF;--md-sys-color-surface-container-highest: #414847;--md-sys-color-surface-container-high: #363D3C;--md-sys-color-surface-container: #2B3231;--md-sys-color-surface-container-low: #1A2120;--md-sys-color-surface-container-lowest: #000000;--md-sys-color-surface-tint: #83D5C5;--md-sys-color-outline: #E8F2EE;--md-sys-color-outline-variant: #BBC5C1;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #DDE4E2;--md-sys-color-inverse-on-surface: #000000;--md-sys-color-inverse-primary: #005247;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 6px;--md-sys-shape-corner-medium: 8px;--md-sys-shape-corner-large: 12px;--md-sys-shape-corner-extra-large: 16px;--md-sys-shape-corner-full: 9999px}:root{--md-filled-button-container-shape: var(--md-sys-shape-corner-medium);--md-outlined-button-container-shape: var(--md-sys-shape-corner-medium);--md-elevated-button-container-shape: var(--md-sys-shape-corner-medium);--md-tonal-button-container-shape: var(--md-sys-shape-corner-medium);--md-text-button-container-shape: var(--md-sys-shape-corner-medium);--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-medium);--md-filled-text-field-container-shape: var(--md-sys-shape-corner-medium);--md-linear-progress-track-height: 4px;--md-linear-progress-active-indicator-height: 4px;--md-ref-typeface-plain: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-ref-typeface-brand: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-subtle);font-size:var(--text-base);line-height:var(--leading-normal)}#root{height:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--weight-bold)}.font-semibold{font-weight:var(--weight-semibold)}.font-medium{font-weight:var(--weight-medium)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-danger{color:var(--color-error-500)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}[data-theme=midnight] h1,[data-theme=midnight] h2,[data-theme=midnight] h3,[data-theme=midnight] h4,[data-theme=midnight] .layout-title,[data-theme=midnight] .page-title{font-family:Archivo,sans-serif;letter-spacing:-.03em}[data-theme=midnight] .record-field-label{font-variant:small-caps;font-size:.65rem;letter-spacing:.12em;opacity:.6;font-weight:var(--weight-semibold)}[data-theme=midnight] .record-field-value{font-family:IBM Plex Mono,SF Mono,Consolas,monospace;font-size:.875rem;letter-spacing:-.01em}[data-theme=midnight] body{background-image:linear-gradient(rgba(108,71,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(108,71,255,.018) 1px,transparent 1px);background-size:28px 28px;background-attachment:fixed}[data-theme=midnight] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 85% 5%,rgba(108,71,255,.09) 0%,transparent 48%),radial-gradient(ellipse at 10% 95%,rgba(108,71,255,.06) 0%,transparent 40%);pointer-events:none;z-index:-1}