:root{--color-bg: #f1f5f9;--color-bg-subtle: #f8fafc;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-sidebar: #1e3a5f;--color-sidebar-hover: #2d4a73;--color-sidebar-active: rgba(255, 255, 255, .12);--color-sidebar-border: rgba(255, 255, 255, .08);--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-muted: #3b82f6;--color-success: #059669;--color-success-bg: #d1fae5;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-alert: #dc2626;--color-alert-bg: #fee2e2;--color-text: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-header-bg: #ffffff;--color-header-border: #e2e8f0;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 28px rgba(15, 23, 42, .12)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.dashboard-layout{display:flex;min-height:100vh}.dashboard-sidebar{width:272px;background:var(--color-sidebar);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;align-self:flex-start;border-right:1px solid var(--color-sidebar-border)}.sidebar-brand{padding:1.5rem;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;border-bottom:1px solid var(--color-sidebar-border);color:#fff}.sidebar-nav{flex:1;padding:1rem .75rem}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;color:#ffffffe0;text-decoration:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;margin-bottom:2px;transition:background .15s,color .15s}.sidebar-nav a:hover{background:var(--color-sidebar-hover);color:#fff}.sidebar-nav a.active{background:var(--color-sidebar-active);color:#fff}.sidebar-nav .nav-icon{width:22px;height:22px;opacity:.95;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.sidebar-footer{padding:1rem 1rem 1.25rem;border-top:1px solid var(--color-sidebar-border)}.sidebar-footer button{width:100%;padding:.7rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background .15s}.sidebar-footer button:hover{background:#ffffff1a}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0}.dashboard-header{height:80px;background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:1rem}.company-switch{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem .5rem .9rem;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.company-switch-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center}.company-switch select{padding:.4rem 1.8rem .4rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;min-width:210px}.company-switch select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.header-right{display:flex;align-items:center;position:relative}.dashboard-header .user-name{font-size:.9rem;font-weight:500;color:var(--color-text);padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent}.dashboard-header .user-name:hover{background:var(--color-bg-subtle)}.dashboard-header [data-user-menu]{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:.35rem 0;min-width:160px;z-index:20}.dashboard-header [data-user-menu] button{width:100%;padding:.5rem 1rem;text-align:left;border:none;background:transparent;font-size:.9rem;color:var(--color-text);cursor:pointer}.dashboard-header [data-user-menu] button:hover{background:var(--color-bg-subtle)}.dashboard-content{flex:1;padding:1.5rem;overflow:auto;background:var(--color-bg);font-size:.95rem}.dashboard-layout--loading{align-items:center;justify-content:center}.dashboard-layout--loading .dashboard-loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:dashboard-layout-spin .7s linear infinite}.dashboard-layout--loading .dashboard-loading-text{margin-top:1rem;font-size:.9rem;color:var(--color-text-muted)}@keyframes dashboard-layout-spin{to{transform:rotate(360deg)}}.dashboard-page{max-width:1200px;margin:0 auto}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;gap:1rem;color:var(--color-text-muted)}.dashboard-loading-spinner{width:44px;height:44px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:dashboard-spin .8s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-error button{padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.9rem;font-weight:500}.dashboard-error button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dashboard-hero{margin-bottom:2rem}.dashboard-title{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.dashboard-subtitle{margin:0;font-size:.95rem;color:var(--color-text-muted)}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.dashboard-card{display:flex;align-items:flex-start;gap:1rem;padding:1.35rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border)}.dashboard-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.4rem;flex-shrink:0}.dashboard-card__content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.dashboard-card__value{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.2;letter-spacing:-.02em}.dashboard-card__label{font-size:.8rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.dashboard-card--primary .dashboard-card__icon{background:var(--color-primary-light);color:var(--color-primary)}.dashboard-card--primary:hover{border-color:var(--color-primary-muted)}.dashboard-card--success .dashboard-card__icon{background:var(--color-success-bg);color:var(--color-success)}.dashboard-card--success:hover{border-color:var(--color-success)}.dashboard-card--warning .dashboard-card__icon{background:var(--color-warning-bg);color:var(--color-warning)}.dashboard-card--warning:hover{border-color:var(--color-warning)}.dashboard-card--alert .dashboard-card__icon{background:var(--color-alert-bg);color:var(--color-alert)}.dashboard-card--alert:hover{border-color:var(--color-alert)}.dashboard-card--info .dashboard-card__icon{background:var(--color-primary-light);color:var(--color-primary-muted)}.dashboard-card--info:hover{border-color:var(--color-primary-muted)}.folder-breadcrumb{margin-bottom:1rem;padding:.5rem 0;font-size:.9rem;color:var(--color-text-muted)}.folder-breadcrumb-segment{display:inline}.folder-breadcrumb-sep{margin:0 .25rem;color:var(--color-border);-webkit-user-select:none;user-select:none}.folder-breadcrumb-link{background:none;border:none;padding:0;font-size:inherit;color:var(--color-primary);cursor:pointer;text-decoration:none}.folder-breadcrumb-link:hover{text-decoration:underline}.folder-breadcrumb-current{font-weight:500;color:var(--color-text)}.folder-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:100;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.folder-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:1.5rem;border:1px solid var(--color-border);margin:.75rem auto}.folder-modal--scrollable{max-width:min(480px,100%);max-height:min(92dvh,calc(100vh - 2rem));display:flex;flex-direction:column;overflow:hidden;padding:0}.folder-modal--scrollable .folder-modal__title{flex-shrink:0;margin:0;padding:1.25rem 1.25rem .75rem;font-size:1.15rem;font-weight:600;color:var(--color-text);line-height:1.35}.folder-modal--scrollable .folder-modal__form{display:flex;flex-direction:column;min-height:0;flex:1}.folder-modal--scrollable .folder-modal__scroller{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 1.25rem;-webkit-overflow-scrolling:touch}.folder-modal--scrollable .folder-modal__scroller .folder-form-error{margin-bottom:.5rem}.folder-modal--scrollable .folder-modal__footer{flex-shrink:0;padding:1rem 1.25rem 1.25rem;margin-top:0;border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 -6px 16px #0f172a0f}.folder-modal--scrollable .folder-modal__footer.folder-form-actions{margin-top:0}.folder-modal h2{margin:0 0 1rem;font-size:1.15rem;font-weight:600;color:var(--color-text)}.folder-form label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text)}.folder-form input,.folder-form select{width:100%;padding:.55rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;margin-bottom:1rem;background:var(--color-surface)}.folder-form input:focus,.folder-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.folder-form-error{color:var(--color-alert);font-size:.875rem;margin-bottom:.75rem}.folder-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.folder-form-actions button{padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;border:none}.folder-form-actions .btn-cancel{background:var(--color-bg-subtle);color:var(--color-text);border:1px solid var(--color-border)}.folder-form-actions .btn-cancel:hover{background:var(--color-border-light)}.folder-form-actions .btn-submit{background:var(--color-primary);color:#fff}.folder-form-actions .btn-submit:hover{background:var(--color-primary-hover)}.folder-form-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed}.folder-dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:380px;padding:1.5rem;border:1px solid var(--color-border)}.folder-dialog p{margin:0 0 1.25rem;font-size:.95rem;color:var(--color-text);line-height:1.5}.folder-dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.folder-dialog-actions button{padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer}.folder-dialog-actions .btn-no{background:var(--color-bg-subtle);color:var(--color-text);border:1px solid var(--color-border)}.folder-dialog-actions .btn-no:hover{background:var(--color-border-light)}.folder-dialog-actions .btn-yes{background:var(--color-alert);color:#fff;border:none}.folder-dialog-actions .btn-yes:hover{background:#b91c1c}.folder-dialog-actions .btn-yes:disabled{opacity:.6;cursor:not-allowed}.folder-action-icons{display:inline-flex;gap:.25rem;vertical-align:middle;align-items:center;margin-left:.25rem}.folder-icon-btn{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:.35rem;transition:background .15s,border-color .15s}.folder-icon-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-primary-muted)}.folder-icon-btn.danger{border-color:var(--color-alert-bg);background:var(--color-alert-bg);color:var(--color-alert)}.folder-icon-btn.danger:hover{background:#fecaca}.folder-table-wrap{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.folder-table{width:100%;border-collapse:collapse;font-size:.9rem}.folder-table thead{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.folder-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--color-text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.folder-table td{padding:.7rem 1rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.folder-table tbody tr:hover{background:var(--color-bg-subtle)}.folder-table tbody tr:last-child td{border-bottom:none}.folder-text-danger{color:var(--color-alert);font-weight:600}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f1f5f9,#e2e8f0,#cbd5e1);padding:1.5rem}.login-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.25rem;border:1px solid var(--color-border)}.login-title{margin:0 0 .25rem;font-size:1.65rem;font-weight:700;text-align:center;color:var(--color-text)}.login-subtitle{margin:0 0 1.75rem;font-size:.9rem;color:var(--color-text-muted);text-align:center}.login-form label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text)}.login-form input{width:100%;margin-top:.25rem;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--color-surface)}.login-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-form button[type=submit]{width:100%;margin-top:.75rem;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:background .2s}.login-form button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover)}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.login-error{margin:0 0 1rem;padding:.6rem .85rem;background:var(--color-alert-bg);color:var(--color-alert);border-radius:var(--radius-sm);font-size:.875rem}.login-success{margin:0 0 1rem;padding:.6rem .85rem;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-sm);font-size:.875rem}.login-form .field-wrap{margin-bottom:1.1rem}.login-form .password-wrap{position:relative}.login-form .password-wrap input{padding-right:3.5rem}.login-form .password-toggle,.login-form .password-toggle-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);margin-top:.35rem;padding:.35rem .5rem;font-size:.8rem;background:transparent;border:none;color:var(--color-primary);cursor:pointer}.login-link-wrap{text-align:center;margin-top:1.25rem}.login-link-wrap a{font-size:.875rem;color:var(--color-primary)}.home-page{min-height:100vh;background:var(--color-bg);padding:1.5rem}.home-header{max-width:800px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center}.home-title{font-size:1.25rem;font-weight:600;color:var(--color-text)}.home-logout{padding:.5rem 1rem;font-size:.9rem;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.home-logout:hover{border-color:var(--color-primary);color:var(--color-primary)}.home-card{max-width:800px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.home-card .welcome{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.25rem}.home-card .user-name{font-size:1.5rem;font-weight:600;color:var(--color-text)}.home-card .user-email{font-size:.9rem;color:var(--color-text-muted);margin-top:.25rem}.home-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-muted)}