: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;--text-page-title: 40px;--text-card-title: 21px;--text-section-title: 16px;--text-body: 15px;--text-label: 13px;--text-meta: 12px;--text-table-header: 13px;--text-table-cell: 14px;--text-badge: 12px;--text-subtitle: 16px;--text-nav: 14px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--font: "Inter", system-ui, -apple-system, 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-xl);margin-bottom:var(--space-lg);overflow:visible}.mat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mat-card-title{font-size:var(--text-card-title);font-weight:var(--fw-bold);color:var(--on-surface);letter-spacing:-.2px}.mat-card-subtitle{font-size:var(--text-subtitle);font-weight:var(--fw-regular);color:var(--on-surface-variant);margin-top:4px}.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:34px;font-weight:var(--fw-bold);line-height:1.2}.kpi-label{font-size:var(--text-label);font-weight:var(--fw-semibold);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.06em;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:var(--text-badge);font-weight:var(--fw-semibold);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.badge-success{background:var(--success-light);color:#000}.badge-warning{background:var(--warning-light);color:#000}.badge-error{background:var(--error-light);color:#000}.badge-info{background:var(--info-light);color:#000}.badge-neutral{background:var(--surface-variant);color:#000;border:1px solid var(--outline)}.badge-primary{background:var(--tc-primary-bg);color:#000}.badge-accent{background:var(--tc-accent-bg);color:#000}.mat-table{width:100%;border-collapse:collapse}.mat-table th{text-align:left;padding:14px var(--space-md);font-size:var(--text-table-header);font-weight:var(--fw-semibold);color:var(--on-surface-variant);border-bottom:2px solid var(--outline);letter-spacing:.04em;white-space:nowrap}.mat-table td{padding:14px var(--space-md);font-size:var(--text-table-cell);border-bottom:1px solid var(--outline);vertical-align:middle}.mat-table tbody tr{cursor:default;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%}.loading,.empty{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--on-surface-variant);font-size:var(--text-subtitle);font-weight:var(--fw-medium);line-height:1.6}.pagination{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--outline-variant)}.pagination-info{color:var(--on-surface-variant);font-size:12px}.pagination-pages{display:flex;align-items:center;gap:4px}.pag-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-surface);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.pag-btn:hover:not(:disabled):not(.pag-btn--active){background:var(--surface-variant);border-color:var(--outline)}.pag-btn.pag-btn--active{background:var(--tc-primary);border-color:var(--tc-primary);color:#fff;font-weight:700}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.pag-sep{color:var(--on-surface-variant);font-size:13px;padding:0 2px;-webkit-user-select:none;user-select:none}.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-note{background:var(--surface-variant);color:var(--on-surface-variant);border:none}.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-primary{display:inline-flex;align-items:center;gap:6px;background:var(--tc-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);text-decoration:none;border:none;cursor:pointer;transition:background .15s,box-shadow .15s}.btn-primary:hover:not(:disabled){background:#1e6478;box-shadow:var(--elevation-1);text-decoration:none}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;background:var(--error);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);text-decoration:none;border:none;cursor:pointer;transition:background .15s,box-shadow .15s}.btn-danger:hover:not(:disabled){background:#b71c1c;box-shadow:var(--elevation-1)}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-warning{display:inline-flex;align-items:center;gap:6px;background:var(--warning, #f59f00);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);text-decoration:none;border:none;cursor:pointer;transition:background .15s,box-shadow .15s}.btn-warning:hover:not(:disabled){background:#d48806;box-shadow:var(--elevation-1)}.btn-warning:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--tc-primary);border:1px solid var(--tc-primary);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s}.btn-secondary:hover:not(:disabled){background:#3b82f60f}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-outlined{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--on-surface-variant);border:1px solid var(--outline-variant);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s}.btn-outlined:hover:not(:disabled){background:var(--surface-variant)}.btn-outlined:disabled{opacity:.55;cursor:not-allowed}.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:767px){.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 16px #00000040}.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,.toolbar-sede-box{display:none}.mat-toolbar{padding:0 var(--space-sm);gap:var(--space-sm)}.main-content{padding:var(--space-md)}.grid-2,.grid-3,.grid-4,.kanban-4-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.page-title{font-size:20px!important}.page-subtitle{font-size:12px!important}.mat-card{padding:var(--space-md);border-radius:var(--radius-md)}.mat-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.mat-card-header,.page-header{flex-direction:column;align-items:flex-start;gap:8px}.badge{font-size:11px;padding:2px 7px}.filter-chip{font-size:11px;padding:4px 10px}.kpi-grid{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.kpi-value{font-size:26px}.kpi-label{font-size:10px}.btn-mini-toggle{display:none!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#164a5b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:modalFadeIn .15s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modal-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);width:100%;max-width:480px;overflow:hidden;animation:modalSlideUp .18s ease;display:flex;flex-direction:column}.modal-card.modal-card--sm{max-width:360px}.modal-card.modal-card--wide{max-width:660px}.modal-card.modal-card--warning{border-top:3px solid var(--warning)}.modal-card.modal-card--error{border-top:3px solid var(--error)}.modal-card.modal-card--success{border-top:3px solid var(--success)}.modal-card.modal-card--info{border-top:3px solid var(--info)}.modal-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--outline)}.modal-header .mi{font-size:20px}.modal-header h2{font-size:15px;font-weight:600;color:var(--on-surface);margin:0}.modal-header .modal-close{margin-left:auto;background:none;border:none;padding:4px;border-radius:var(--radius-sm);cursor:pointer;color:var(--on-surface-variant);display:flex;align-items:center;line-height:1;transition:background .15s,color .15s}.modal-header .modal-close:hover{background:var(--surface-variant);color:var(--on-surface)}.modal-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal-body.modal-body--scroll{max-height:60vh;overflow-y:auto;overflow-x:hidden}.modal-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--on-surface-variant);margin:0 0 var(--space-xs);padding-bottom:6px;border-bottom:1px solid var(--outline)}.modal-field{display:flex;flex-direction:column;gap:4px}.modal-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant)}.modal-field input,.modal-field select,.modal-field textarea{padding:.6rem .75rem;border:1.5px solid var(--outline);border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;color:var(--on-surface);background:var(--surface-variant);outline:none;transition:border-color .15s,box-shadow .15s}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:var(--tc-accent);background:var(--surface);box-shadow:0 0 0 3px #45b5aa2e}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--outline);background:var(--surface-variant);flex-shrink:0}@media(pointer:coarse){.btn,.btn-primary,.btn-secondary,.btn-outlined,.btn-accent,.btn-success,.btn-cta,.btn-cta-blue,.btn-cta-full,.btn-confirm,.btn-flat,.btn-action{min-height:44px!important;display:inline-flex;align-items:center;justify-content:center}.btn-sm{min-height:38px!important}.btn-icon,.btn-icon-danger,.btn-icon-nav{width:44px!important;height:44px!important}.btn-icon .mi,.btn-icon-danger .mi,.btn-icon-nav .mi{font-size:20px}input,select,textarea,.form-input,.search-input{min-height:44px!important;font-size:16px!important}textarea{min-height:72px!important}.filter-chip,.chip{min-height:38px!important;padding:8px 14px!important;font-size:13px!important}.tab{min-height:42px!important;display:inline-flex;align-items:center}.nav-item{padding-top:14px!important;padding-bottom:14px!important}.cat-tab{min-height:42px!important;padding:8px 14px!important;font-size:13px!important}.cat-tab .mi{font-size:18px}.check-btn{width:46px!important;height:46px!important}.check-btn .mi{font-size:22px!important}.check-label{font-size:15px!important}.check-item{padding-top:10px!important;padding-bottom:10px!important;gap:12px!important}.obs-input{min-height:42px!important;font-size:15px!important}}@media(min-width:768px)and (max-width:1024px){.main-content{padding:var(--space-md) var(--space-lg)}.page-title{font-size:20px!important}.page-subtitle{font-size:13px!important}.mat-table th{padding:10px var(--space-sm);font-size:12px}.mat-table td{padding:10px var(--space-sm);font-size:13px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-header,.mat-card-header{flex-wrap:wrap;gap:var(--space-sm)}.btn,.btn-primary,.btn-secondary,.btn-outlined,.btn-accent,.btn-success,.btn-cta,.btn-cta-blue,.btn-cta-full,.btn-confirm,.btn-flat,.btn-action{min-height:36px!important;padding-top:5px!important;padding-bottom:5px!important;font-size:12px!important}.btn-icon,.btn-icon-danger,.btn-icon-nav{width:34px!important;height:34px!important}.check-item{flex-wrap:wrap}.obs-input{flex:1 1 100%;width:100%!important;order:3;margin-top:6px}.check-buttons{margin-left:auto}}*,*: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;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;border-radius:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232a7f9e'%3E%3Cpath d='M20 3h-1V1h-2v2H7V1H5v2H4C2.9 3 2 3.9 2 5v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13zM11 14H9v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H9v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z'/%3E%3C/svg%3E");background-size:18px 18px;background-repeat:no-repeat;background-position:center;transition:opacity .15s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}