:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-sidebar: #1e3a5f;--color-sidebar-hover: #2c4a6f;--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-header-bg: #ffffff;--color-header-border: #e2e8f0;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.dashboard-layout{display:flex;min-height:100vh}.dashboard-sidebar{width:260px;background:var(--color-sidebar);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;align-self:flex-start}.sidebar-brand{padding:1.25rem 1.5rem;font-size:1.35rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#ffffffd9;text-decoration:none}.sidebar-nav a:hover{background:var(--color-sidebar-hover);color:#fff}.sidebar-nav a.active{background:#ffffff1f;color:#fff}.sidebar-nav .nav-icon{width:20px;height:20px;opacity:.9}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer button{width:100%;padding:.65rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;font-size:.9rem}.sidebar-footer button:hover{background:#ffffff1a}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0}.dashboard-header{height:60px;background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:1rem}.company-switch-label{font-size:.75rem;color:var(--color-text-muted);margin-right:.5rem}.company-switch select{padding:.4rem 2rem .4rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;cursor:pointer;min-width:180px}.company-switch select:focus{outline:none;border-color:var(--color-primary)}.header-right{display:flex;align-items:center}.user-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.dashboard-content{flex:1;padding:1.5rem;overflow:auto;background:var(--color-bg)}.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:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.folder-modal{background:var(--color-surface);border-radius:10px;box-shadow:0 10px 40px #00000026;width:100%;max-width:400px;padding:1.5rem}.folder-modal h2{margin:0 0 1rem;font-size:1.1rem;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{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.95rem;margin-bottom:1rem}.folder-form input:focus{outline:none;border-color:var(--color-primary)}.folder-form-error{color:#b91c1c;font-size:.875rem;margin-bottom:.75rem}.folder-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.folder-form-actions button{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;border:none}.folder-form-actions .btn-cancel{background:#f1f5f9;color:var(--color-text);border:1px solid var(--color-border)}.folder-form-actions .btn-cancel:hover{background:#e2e8f0}.folder-form-actions .btn-submit{background:var(--color-primary);color:#fff}.folder-form-actions .btn-submit:hover{background:var(--color-primary-light)}.folder-form-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed}.folder-dialog{background:var(--color-surface);border-radius:10px;box-shadow:0 10px 40px #00000026;width:100%;max-width:380px;padding:1.5rem}.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:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer}.folder-dialog-actions .btn-no{background:#f1f5f9;color:var(--color-text);border:1px solid var(--color-border)}.folder-dialog-actions .btn-no:hover{background:#e2e8f0}.folder-dialog-actions .btn-yes{background:#dc2626;color:#fff;border:none}.folder-dialog-actions .btn-yes:hover{background:#b91c1c}.folder-dialog-actions .btn-yes:disabled{opacity:.6;cursor:not-allowed}*{padding:0;margin:0;box-sizing:border-box}html,body,#root{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);padding:1rem}.login-card{width:100%;max-width:400px;background:#194988;border-radius:12px;padding:2rem}.login-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;text-align:center;color:#fff}.login-subtitle{margin:0 0 1.5rem;font-size:.9rem;color:#fff}.login-form label{display:block;margin-bottom:1rem;font-size:.875rem;font-weight:500;color:#fff}.login-form input{width:100%;margin-top:.35rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.95rem}.login-form input:focus{outline:none;border-color:var(--color-primary)}.login-form button[type=submit]{width:100%;margin-top:.5rem;padding:.7rem;background:#fff;color:#194988;border:none;border-radius:6px;font-size:.95rem;font-weight:500;transition:background .15s}.login-form button[type=submit]:hover:not(:disabled){background:#2d7ec0;color:#fff}.login-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.login-error{margin:0 0 1rem;padding:.5rem .75rem;background:#fef2f2;color:#b91c1c;border-radius:6px;font-size:.875rem}.login-success{margin:0 0 1rem;padding:.5rem .75rem;background:#f0fdf4;color:#15803d;border-radius:6px;font-size:.875rem}.login-form .field-wrap{margin-bottom:1rem}.login-form .password-wrap{position:relative}.login-form .password-wrap input{padding-right:4rem}.login-form .password-toggle{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)}.login-form .password-toggle:hover{text-decoration:underline}.login-form .password-toggle-icon{display:flex;align-items:center;justify-content:center;padding:.25rem;color:var(--color-text-muted)}.login-form .password-toggle-icon:hover{text-decoration:none;color:var(--color-primary)}.login-link-wrap{text-align:center;margin-top:1rem}.login-link-wrap a{font-size:.875rem;color:#fff}.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-sidebar)}.home-logout{padding:.5rem 1rem;font-size:.9rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:6px}.home-logout:hover{border-color:var(--color-sidebar);color:var(--color-sidebar)}.home-card{max-width:800px;margin:0 auto;background:var(--color-surface);border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.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)}