@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--pm-green:#7cb342;--pm-green-light:#9ccc65;--pm-green-dark:#558b2f;--pm-teal:#26a69a;--pm-teal-light:#4db6ac;--pm-teal-dark:#00796b;--pm-navy:#1e3a5f;--pm-navy-light:#2a4f7c;--pm-navy-dark:#0f1e33;--pm-ice:#e8f4f4;--status-activo:#66bb6a;--status-lead:#64b5f6;--status-onboarding:#ffa726;--status-en-riesgo:#ef5350;--status-suspendido:#78909c;--alert-critical:#ef5350;--alert-warning:#ff9800;--alert-info:#29b6f6;--alert-success:#66bb6a;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--content-max-width:100%;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-sidebar:100;--z-topbar:90;--z-modal:200;--z-toast:300;--z-overlay:150}:root,[data-theme=dark]{--theme-name:"dark";--surface-bg:#0b1623;--surface-01:#111e2e;--surface-02:#162436;--surface-03:#1b2c40;--surface-04:#1e3248;--surface-card:#162436;--surface-elevated:#1e3248;--surface-overlay:#0b1623d9;--surface-sidebar:#0d1926;--surface-content:#0b1623;--primary:var(--pm-green);--primary-container:#7cb34226;--secondary:var(--pm-teal);--secondary-container:#26a69a26;--tertiary:#64b5f6;--text-primary:#e8edf5;--text-secondary:#c4d4e8;--text-disabled:#879ab3;--text-brand:var(--pm-green);--text-inverse:#0b1623;--border-subtle:#94a3b814;--border-default:#94a3b826;--border-strong:#94a3b84d;--border-brand:#7cb34266;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--glow-green:0 0 20px #7cb34240;--glow-teal:0 0 20px #26a69a40;--sidebar-bg:#0d1926;--sidebar-border:#ffffff0f;--nav-hover-bg:#7cb3421a;--nav-active-bg:#7cb3422e;--nav-active-color:var(--pm-green);--nav-text:#94a3b8;--topbar-bg:#0b1623cc;--topbar-border:#94a3b814;--input-bg:#111e2e;--input-border:#94a3b833;--input-focus:var(--pm-green)}[data-theme=light]{--theme-name:"light";--surface-bg:#f0f4f8;--surface-01:#fafbfc;--surface-02:#fff;--surface-03:#f4f7fa;--surface-04:#eef2f7;--surface-card:#fff;--surface-elevated:#fff;--surface-overlay:#f0f4f8eb;--surface-sidebar:#1e3a5f;--surface-content:#f0f4f8;--primary:#5a9e26;--primary-container:#7cb3421f;--secondary:var(--pm-teal);--secondary-container:#26a69a1f;--tertiary:#1565c0;--text-primary:#0f2033;--text-secondary:#33475f;--text-disabled:#647a96;--text-brand:#5a9e26;--text-inverse:#fff;--border-subtle:#1e3a5f12;--border-default:#1e3a5f24;--border-strong:#1e3a5f47;--border-brand:#5a9e2659;--shadow-sm:0 1px 3px #0f203314;--shadow-md:0 4px 16px #0f20331f;--shadow-lg:0 8px 32px #0f203324;--shadow-xl:0 16px 48px #0f20332e;--glow-green:0 0 20px #5a9e2633;--glow-teal:0 0 20px #26a69a33;--sidebar-bg:#fff;--sidebar-border:#1e3a5f1a;--nav-hover-bg:#5a9e2614;--nav-active-bg:#5a9e261f;--nav-active-color:#5a9e26;--nav-text:#4a6282;--topbar-bg:#ffffffe6;--topbar-border:#1e3a5f1a;--input-bg:#fff;--input-border:#1e3a5f2e;--input-focus:#5a9e26}[data-theme=mixed]{--theme-name:"mixed";--surface-bg:#f0f4f8;--surface-01:#f8fafc;--surface-02:#fff;--surface-03:#f0f4f8;--surface-04:#e8eef5;--surface-card:#fff;--surface-elevated:#fff;--surface-overlay:#f0f4f8eb;--surface-content:#f0f4f8;--primary:#5a9e26;--primary-container:#7cb3421a;--secondary:var(--pm-teal);--secondary-container:#26a69a1a;--tertiary:#1565c0;--text-primary:#0f2033;--text-secondary:#33475f;--text-disabled:#647a96;--text-brand:#5a9e26;--text-inverse:#fff;--border-subtle:#1e3a5f12;--border-default:#1e3a5f21;--border-strong:#1e3a5f42;--border-brand:#5a9e2659;--shadow-sm:0 1px 3px #0f203314;--shadow-md:0 4px 16px #0f20331a;--shadow-lg:0 8px 32px #0f203321;--shadow-xl:0 16px 48px #0f203329;--glow-green:0 0 20px #5a9e2633;--glow-teal:0 0 20px #26a69a33;--sidebar-bg:#0d1926;--sidebar-border:#ffffff0d;--nav-hover-bg:#7cb3421f;--nav-active-bg:#7cb34233;--nav-active-color:#9ccc65;--nav-text:#ffffffa6;--topbar-bg:#ffffffeb;--topbar-border:#1e3a5f1a;--input-bg:#fff;--input-border:#1e3a5f2e;--input-focus:#5a9e26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--surface-bg);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.text-display{font-size:clamp(2rem,4vw,3rem);font-weight:800}.text-headline-l{font-size:2rem;font-weight:700}.text-headline-m{font-size:1.5rem;font-weight:600}.text-headline-s{font-size:1.25rem;font-weight:600}.text-title-l{font-size:1.125rem;font-weight:600}.text-title-m{font-size:1rem;font-weight:600}.text-title-s{font-size:.875rem;font-weight:600}.text-body-l{font-size:1rem;font-weight:400}.text-body-m{font-size:.875rem;font-weight:400}.text-body-s{font-size:.75rem;font-weight:400}.text-label-l{letter-spacing:.01em;font-size:.875rem;font-weight:500}.text-label-m{letter-spacing:.03em;font-size:.75rem;font-weight:500}.text-label-s{letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--pm-teal)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:focus-visible{outline:2px solid var(--pm-green);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7cb3424d}50%{box-shadow:0 0 0 8px #7cb34200}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .35s var(--transition-normal) both}.animate-fade-in{animation:.25s both fadeIn}.animate-slide-left{animation:.3s both slideInLeft}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}.skeleton{background:linear-gradient(90deg, var(--surface-02) 25%, var(--surface-03) 50%, var(--surface-02) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (max-width:768px){:root{--sidebar-width:100%;--topbar-height:56px}}
.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#7cb34208 0%,#0000 60%);position:absolute;inset:0}.card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md), var(--glow-green);transform:translateY(-1px)}.card-elevated{background:var(--surface-elevated);box-shadow:var(--shadow-md)}.card-flat{background:var(--surface-02);border:1px solid var(--border-default)}.kpi-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);transition:all var(--transition-normal);cursor:default;flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card:after{content:"";background:linear-gradient(90deg, var(--pm-green), var(--pm-teal));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;bottom:0;left:0;right:0}.kpi-card:hover:after{opacity:1}.kpi-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.kpi-icon-green{background:var(--primary-container);color:var(--pm-green)}.kpi-icon-teal{background:var(--secondary-container);color:var(--pm-teal)}.kpi-icon-blue{color:#64b5f6;background:#64b5f626}.kpi-icon-orange{color:#ffa726;background:#ffa72626}.kpi-icon-red{color:#ef5350;background:#ef535026}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.kpi-value{color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.1}.kpi-trend{align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.kpi-trend-up{color:var(--status-activo)}.kpi-trend-down{color:var(--alert-critical)}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-activo{color:var(--status-activo);background:#66bb6a26;border:1px solid #66bb6a4d}.badge-activo:before{background:var(--status-activo);animation:2s infinite pulse-glow}.badge-lead{color:var(--status-lead);background:#64b5f61f;border:1px solid #64b5f640}.badge-lead:before{background:var(--status-lead)}.badge-onboarding{color:var(--status-onboarding);background:#ffa7261f;border:1px solid #ffa72640}.badge-onboarding:before{background:var(--status-onboarding)}.badge-en_riesgo{color:var(--status-en-riesgo);background:#ef53501f;border:1px solid #ef535040}.badge-en_riesgo:before{background:var(--status-en-riesgo);animation:1.5s infinite pulse-glow}.badge-suspendido{color:var(--status-suspendido);background:#78909c1f;border:1px solid #78909c40}.badge-suspendido:before{background:var(--status-suspendido)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.01em;border:none;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--pm-green), var(--pm-teal));color:#fff;box-shadow:0 2px 12px #7cb34259}.btn-primary:hover{background:linear-gradient(135deg, var(--pm-green-light), var(--pm-teal-light));transform:translateY(-1px);box-shadow:0 4px 20px #7cb34280}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-secondary{background:var(--surface-03);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--surface-04);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--surface-02);color:var(--text-primary)}.btn-danger{color:var(--alert-critical);background:#ef535026;border:1px solid #ef53504d}.btn-danger:hover{background:#ef535040}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);padding:10px}.input-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);letter-spacing:.03em;font-size:.75rem;font-weight:500}.input{background:var(--surface-02);border:1.5px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.9375rem}.input::placeholder{color:var(--text-disabled)}.input:focus{border-color:var(--pm-green);box-shadow:0 0 0 3px #7cb34226}.input-with-icon{position:relative}.input-with-icon .input{padding-left:42px}.input-icon{color:var(--text-disabled);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--surface-card);overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:var(--surface-02);border-bottom:1px solid var(--border-default)}th{text-align:left;padding:14px var(--space-5);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.6875rem;font-weight:600}td{padding:14px var(--space-5);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{cursor:pointer;background:#7cb3420a}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid;font-size:.875rem;display:flex}.alert-critical{color:#ef9a9a;background:#ef535014;border-color:#ef535040}.alert-warning{color:#ffcc80;background:#ffa72614;border-color:#ffa72640}.alert-info{color:#80deea;background:#29b6f614;border-color:#29b6f640}.progress-bar-wrap{background:var(--surface-03);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-green{background:linear-gradient(90deg, var(--pm-green), var(--pm-teal))}.progress-orange{background:linear-gradient(90deg,#ff9800,#ffb74d)}.progress-red{background:linear-gradient(90deg,#ef5350,#e57373)}.chip{border-radius:var(--radius-full);background:var(--surface-03);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:default;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--border-brand);color:var(--pm-green)}.chip-selected{background:var(--primary-container);color:var(--pm-green);border-color:var(--border-brand)}.divider{background:var(--border-subtle);width:100%;height:1px}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--pm-navy-light), var(--pm-teal));color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px}.avatar-lg{width:52px;height:52px;font-size:1.125rem}.avatar-xl{width:64px;height:64px;font-size:1.375rem}.usage-meter{gap:var(--space-2);flex-direction:column;display:flex}.usage-header{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.usage-pct{font-weight:700}.usage-critical{color:var(--alert-critical)}.usage-warning{color:var(--alert-warning)}.usage-ok{color:var(--status-activo)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface-elevated);color:var(--text-primary);white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border-default);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:100;padding:6px 10px;font-size:.75rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.spinner{border:2px solid var(--border-default);border-top-color:var(--pm-green);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.kanban-board{gap:var(--space-4);padding-bottom:var(--space-4);min-height:calc(100vh - 200px);display:flex;overflow-x:auto}.kanban-board:after{content:"";padding-right:1px}.kanban-column{background:var(--surface-01);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;min-width:280px;max-width:300px;display:flex;overflow:hidden}.kanban-col-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.kanban-col-count{background:var(--surface-03);border-radius:var(--radius-full);color:var(--text-secondary);padding:2px 8px;font-size:.75rem;font-weight:600}.kanban-col-body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;min-height:100px;display:flex;overflow-y:auto}.kanban-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);cursor:grab;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.kanban-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing}.kanban-col-drop{background:var(--primary-container);border-color:var(--border-brand)}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.8125rem}.empty-state{padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);text-align:center;color:var(--text-secondary);flex-direction:column;display:flex}.empty-icon{color:var(--text-disabled);opacity:.6;font-size:48px}
.dashboard-layout{background:var(--surface-bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface-01);border-right:1px solid var(--border-subtle);height:100vh;z-index:var(--z-sidebar);transition:width var(--transition-slow), transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-logo{padding:var(--space-5) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);min-height:var(--topbar-height);flex-shrink:0;display:flex}.sidebar-logo img{object-fit:contain;flex-shrink:0;width:auto;height:36px}.sidebar-logo-badge{background:linear-gradient(135deg, var(--pm-green), var(--pm-teal));color:#fff;letter-spacing:.08em;border-radius:var(--radius-sm);text-transform:uppercase;white-space:nowrap;padding:2px 6px;font-size:.6rem;font-weight:800}.sidebar-section{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-label{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-3) var(--space-3) var(--space-1);font-size:.6rem;font-weight:700}.nav-item{align-items:center;gap:var(--space-3);padding:11px var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:linear-gradient(180deg, var(--pm-green), var(--pm-teal));border-radius:0 var(--radius-xs) var(--radius-xs) 0;width:3px;height:0;transition:height var(--transition-fast);position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item:hover{color:var(--text-primary);background:#7cb34212}.nav-item-active{background:var(--primary-container);color:var(--pm-green);font-weight:600}.nav-item-active:before{height:60%}.nav-item-active .nav-icon{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.nav-icon{transition:font-variation-settings var(--transition-fast);flex-shrink:0;font-size:20px}.nav-label{flex:1}.nav-badge{background:var(--alert-critical);color:#fff;border-radius:var(--radius-full);padding:2px 6px;font-size:.6rem;font-weight:700;line-height:1.4}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border-subtle);flex-shrink:0}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);display:flex}.sidebar-user:hover{background:var(--surface-02)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);truncate:true;font-size:.875rem;font-weight:600}.sidebar-user-role{color:var(--text-secondary);font-size:.6875rem}.main-content{min-width:0;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex}.topbar{height:var(--topbar-height);background:var(--surface-01);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);z-index:var(--z-topbar);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.topbar-title{color:var(--text-primary);font-size:1rem;font-weight:600}.topbar-breadcrumb{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;display:flex}.topbar-breadcrumb-sep{color:var(--text-disabled);font-size:16px}.topbar-breadcrumb-current{color:var(--text-primary);font-weight:600}.topbar-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.topbar-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-02);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:20px;text-decoration:none;display:flex}.topbar-icon-btn:hover{border-color:var(--border-brand);color:var(--pm-green);background:var(--primary-container)}.page-content{min-width:0;padding:var(--space-6) var(--space-8);max-width:var(--content-max-width);flex:1;width:100%}.page-header{margin-bottom:var(--space-8)}.page-title{color:var(--text-primary);font-size:1.625rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-1);font-size:.9375rem}.grid-kpis{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.grid-2{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-cols-dashboard{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:1fr 380px;display:grid}.sidebar-overlay{background:var(--surface-overlay);z-index:calc(var(--z-sidebar) - 1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;position:fixed;inset:0}@media (max-width:1100px){.grid-cols-dashboard,.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.bottom-nav{display:flex}.main-content{margin-left:0;padding-bottom:80px}.page-content{padding:var(--space-4);max-width:100vw}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;overflow-x:auto}.topbar{padding:0 var(--space-4)}.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0}.page-content{padding:var(--space-4) var(--space-4)}.grid-kpis{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}}@media (max-width:480px){.grid-kpis{grid-template-columns:1fr}}.login-page{background:var(--surface-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.login-bg-orb-1{background:radial-gradient(circle,#7cb3421f,#0000);width:500px;height:500px;top:-100px;right:-100px}.login-bg-orb-2{background:radial-gradient(circle,#26a69a1a,#0000);width:400px;height:400px;bottom:-80px;left:-80px}.login-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-10);width:100%;max-width:420px;box-shadow:var(--shadow-xl);z-index:1;position:relative}.login-logo-wrap{margin-bottom:var(--space-8);justify-content:center;display:flex}.login-logo-wrap img{width:auto;height:52px}.login-title{text-align:center;margin-bottom:var(--space-1);font-size:1.375rem;font-weight:700}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-8);font-size:.875rem}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ef9a9a;text-align:center;background:#ef53501a;border:1px solid #ef53504d;font-size:.8125rem}.login-divider{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;display:flex}.login-divider-line{background:var(--border-subtle);flex:1;height:1px}.login-divider-text{color:var(--text-disabled);font-size:.75rem}.bottom-nav{background:var(--surface-01);border-top:1px solid var(--border-subtle);height:80px;z-index:var(--z-topbar);padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-secondary);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.bottom-nav-icon-wrapper{border-radius:var(--radius-full);width:64px;height:32px;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav-icon{transition:font-variation-settings var(--transition-fast);font-size:24px}.bottom-nav-label{font-size:.6875rem;font-weight:500}.bottom-nav-item-active{color:var(--text-primary)}.bottom-nav-item-active .bottom-nav-icon-wrapper{background:var(--primary-container);color:var(--pm-green)}.bottom-nav-item-active .bottom-nav-icon{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.bottom-nav-badge{background:var(--alert-critical);border:2px solid var(--surface-01);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:18px}#sidebar-toggle{display:none!important}@media (max-width:768px){#sidebar-toggle{display:flex!important}.topbar{padding-left:60px!important}}