:root{--tc-primary: #164a5b;--tc-primary-light: #1e6478;--tc-primary-lighter: #a8d5df;--tc-primary-bg: #eaf1f3;--tc-accent: #45b5aa;--tc-accent-light: #6dc9c0;--tc-accent-bg: #e0f7f5;--tc-cta: #ff506e;--tc-cta-light: #ff8a9d;--tc-cta-bg: #fff0f3;--bg: #f3f6f7;--surface: #ffffff;--surface-variant: #eaf1f3;--on-surface: #1a2e35;--on-surface-variant: #5a6d73;--outline: #d0dfe3;--outline-variant: #b0c4cb;--success: #2e7d32;--success-light: #e8f5e9;--warning: #e67700;--warning-light: #fff8e1;--error: #c62828;--error-light: #ffebee;--info: #164a5b;--info-light: #eaf1f3;--elevation-1: 0 1px 3px rgba(22, 74, 91, .1), 0 1px 2px rgba(22, 74, 91, .06);--elevation-2: 0 3px 8px rgba(22, 74, 91, .1), 0 2px 4px rgba(22, 74, 91, .05);--elevation-3: 0 8px 16px rgba(22, 74, 91, .08), 0 3px 6px rgba(22, 74, 91, .05);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--font: "Montserrat", sans-serif;--sidebar-width: 260px;--toolbar-height: 64px}.mi{font-family:Material Icons Outlined;font-size:20px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;vertical-align:middle}.mi-sm{font-size:18px}.mi-lg{font-size:24px}.mat-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:var(--space-lg);margin-bottom:var(--space-md)}.mat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mat-card-title{font-size:16px;font-weight:500;color:var(--on-surface)}.mat-card-subtitle{font-size:13px;color:var(--on-surface-variant);margin-top:2px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.kpi-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:var(--space-md) var(--space-lg);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi-card.kpi-success:before{background:var(--success)}.kpi-card.kpi-error:before{background:var(--error)}.kpi-card.kpi-warning:before{background:var(--warning)}.kpi-card.kpi-info:before{background:var(--info)}.kpi-card.kpi-primary:before{background:var(--tc-primary)}.kpi-value{font-size:28px;font-weight:500;line-height:1.2}.kpi-label{font-size:12px;color:var(--on-surface-variant);margin-top:4px}.kpi-icon{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-size:40px;opacity:.08}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:500;white-space:nowrap}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--outline)}.badge-primary{background:var(--tc-primary-bg);color:var(--tc-primary)}.badge-accent{background:var(--tc-accent-bg);color:var(--tc-accent)}.mat-table{width:100%;border-collapse:collapse}.mat-table th{text-align:left;padding:12px var(--space-md);font-size:12px;font-weight:500;color:var(--on-surface-variant);border-bottom:2px solid var(--outline);letter-spacing:.04em;white-space:nowrap}.mat-table td{padding:12px var(--space-md);font-size:13px;border-bottom:1px solid var(--outline);vertical-align:middle}.mat-table tbody tr{cursor:pointer;transition:background .1s}.mat-table tbody tr:hover td{background:var(--surface-variant)}.mat-table tbody tr:last-child td{border-bottom:none}.mat-table .td-mono{font-weight:500;letter-spacing:.02em}.mat-table .td-link{color:var(--info);font-weight:500}.mat-table .td-muted{color:var(--on-surface-variant);font-size:12px}.mat-table-container{width:100%}.alert{padding:12px var(--space-md);border-radius:var(--radius-md);font-size:13px;margin-bottom:var(--space-sm);display:flex;align-items:flex-start;gap:var(--space-sm);line-height:1.5;text-decoration:none;color:inherit}.alert .mi{margin-top:2px;flex-shrink:0}.alert-success{background:var(--success-light);color:var(--success);border:1px solid #a5d6a7}.alert-warning{background:var(--warning-light);color:var(--warning);border:1px solid #ffe082}.alert-error{background:var(--error-light);color:var(--error);border:1px solid #ef9a9a}.alert-info{background:var(--info-light);color:var(--info);border:1px solid var(--outline)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.grid-2,.grid-3,.grid-4{align-items:start;margin-bottom:var(--space-md)}.kanban-board{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);overflow:hidden;margin-top:var(--space-md)}.kanban-board-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--outline)}.kanban-board-title{display:flex;align-items:center;gap:var(--space-sm);font-size:17px;font-weight:700;color:var(--tc-primary)}.kanban-board-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--on-surface-variant)}.kanban-4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:stretch}.kb-column{display:flex;flex-direction:column;min-height:300px;border-right:1px solid var(--outline)}.kb-column:last-child{border-right:none}.kb-col-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-md);font-size:13px;font-weight:600;color:#fff;letter-spacing:.01em}.kb-col-title{display:flex;align-items:center;gap:6px}.kb-col-title .mi{font-size:18px}.kb-col-count{background:#ffffff40;font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px}.kb-col-blue{background:#1976d2}.kb-col-orange{background:#e67700}.kb-col-red{background:#c62828}.kb-col-green{background:#2e7d32}.kb-col-body{flex:1;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface-variant);overflow-y:auto}.kb-card{display:block;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:all .15s;text-decoration:none;color:inherit;border-left:3px solid transparent}.kb-card:hover{box-shadow:var(--elevation-2);border-color:var(--outline-variant)}.kb-card.kb-urgent-high{border-left-color:var(--error)}.kb-card.kb-urgent-med{border-left-color:var(--warning)}.kb-card.kb-urgent-low{border-left-color:var(--tc-accent)}.kb-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.kb-time{font-size:13px;font-weight:700;color:var(--tc-primary);font-variant-numeric:tabular-nums}.kb-card-title{font-size:14px;font-weight:700;color:var(--tc-primary);letter-spacing:.02em}.kb-card-sub{font-size:12px;color:var(--on-surface-variant);margin-top:1px;line-height:1.4}.kb-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.kb-km-bar{flex:1;height:5px;background:var(--outline);border-radius:3px;overflow:hidden}.kb-km-fill{height:100%;border-radius:3px;transition:width .3s}.kb-km-ok{background:var(--tc-accent)}.kb-km-warn{background:var(--warning)}.kb-km-crit{background:var(--error)}.kb-km-label{font-size:11px;font-weight:600;white-space:nowrap}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;background:transparent;border:none;color:var(--on-surface-variant);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon:hover{background:var(--surface-variant)}.btn-text{background:transparent;color:var(--tc-primary);border:none;padding:4px 12px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm)}.btn-text:hover{background:var(--tc-primary-bg)}.mobile-menu-btn,.mobile-close-btn{display:none}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-error{color:var(--error)!important}.text-info{color:var(--info)!important}.text-muted{color:var(--on-surface-variant)!important}.text-primary{color:var(--tc-primary)!important}.fw-500{font-weight:500}.fw-700{font-weight:700}.fs-sm{font-size:12px}.fs-lg{font-size:16px}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.empty-state{text-align:center;padding:var(--space-xl);color:var(--on-surface-variant)}.empty-state .mi{font-size:48px;opacity:.3;display:block;margin-bottom:var(--space-md)}@media(max-width:1400px){.kanban-4-grid{grid-template-columns:repeat(2,1fr)}.kb-column{border-right:none;border-bottom:1px solid var(--outline)}.kb-column:last-child{border-bottom:none}}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:900px){.app-body{position:relative}.mat-sidenav{position:fixed;top:var(--toolbar-height);bottom:0;left:0;z-index:150;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 12px #00000026}.sidebar-open .mat-sidenav{transform:translate(0)}.mobile-menu-btn,.mobile-close-btn{display:flex}.toolbar-logo img{height:26px}.user-name,.toolbar-sede-icon{display:none}.main-content{padding:var(--space-md)}.grid-2,.grid-3,.grid-4,.kanban-4-grid,.kpi-grid{grid-template-columns:1fr}.mat-table-container{overflow-x:auto;margin:0 -16px;padding:0 16px;-webkit-overflow-scrolling:touch}.mat-table{min-width:600px}.mat-card-header{flex-direction:column;align-items:flex-start;gap:8px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font);font-size:14px;color:var(--on-surface);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--outline-variant)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}