*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;background:#f5f7fb;color:#111827;overflow-x:hidden}:root{--color-primary:#477AF5;--color-primary-rgb:71,122,245;--gradient-primary:linear-gradient(90deg,#477AF5,#3a67d4);--gradient-accent:linear-gradient(135deg,#60a5fa,#6366f1)}.app-shell{display:flex;min-height:100dvh;width:100%;overflow:hidden}.app-shell>.sidebar{position:relative;width:260px;background:linear-gradient(195deg,#1f2a40,#182133);color:#dbe3f5;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff0a inset}.app-shell .sidebar-inner{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-shell .sidebar-inner .nav{list-style:none;padding:0;margin:0;overflow-y:auto;flex:0 1 auto;scrollbar-width:thin}.app-shell .sidebar-inner .nav a{display:flex;align-items:center;gap:14px;padding:11px 14px;color:inherit;text-decoration:none;font-weight:500;border-radius:10px;font-size:14px;line-height:1;outline:none;position:relative}.app-shell .sidebar-inner .nav a:focus-visible{box-shadow:0 0 0 3px #ffffff59}.app-shell .sidebar-inner .nav a:hover{background:#ffffff0f}.app-shell .sidebar-inner .nav a.active{background:linear-gradient(90deg,#ffffff2e,#ffffff0d);box-shadow:0 2px 6px -2px #0009}.app-shell .sidebar-inner .user-block{margin-top:auto;padding-top:12px}.app-shell main{flex:1;display:flex;flex-direction:column;min-width:0}.app-shell .topbar{height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;background:transparent;flex-shrink:0}.app-shell .content{flex:1;overflow-y:auto;padding:16px 16px 40px}.content-box{background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:22px 22px 30px;box-shadow:0 4px 18px -6px #00000014}.nav-toggle{display:none}@media (max-width: 900px){.app-shell{position:relative}.app-shell>.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .35s ease;z-index:120;max-width:72%;box-shadow:0 8px 28px -6px #0000008c}.nav-toggle:checked~.sidebar{transform:translate(0)}.nav-toggle:checked~.overlay{opacity:1;pointer-events:auto}.overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:110;opacity:0;transition:.3s;pointer-events:none}.app-shell main{position:relative;z-index:10}.app-shell .content{padding:14px 14px 34px}.content-box{padding:18px 18px 26px;border-radius:16px}}app-stat-card .stat-card{transition:transform .25s,box-shadow .25s}app-stat-card .stat-card:hover{transform:translateY(-4px);box-shadow:var(--elevated-shadow)}.icon-badge{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;box-shadow:0 2px 6px -2px #0000004d;font-size:22px}.card{background:#fff;border:1px solid #e5e9f2;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0000000f}.elevated{box-shadow:0 4px 12px -2px #00000014}.btn-primary{background:var(--gradient-primary);border:none;color:#fff;padding:10px 18px;border-radius:4px;cursor:pointer;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover{filter:brightness(.95)}.btn-outlined{background:transparent;border:1px solid rgba(var(--color-primary-rgb),.6);color:var(--color-primary);padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer}.btn-outlined:hover{background:rgba(var(--color-primary-rgb),.06)}table{border-spacing:0}table thead th{background:#f5f7fb;font-weight:600}table td,table th{border-bottom:1px solid #e5e9f2}.data-grid-headers,.data-grid-row{display:grid;grid-template-columns:1.2fr 1.2fr .9fr .5fr 110px;align-items:center}.data-grid-headers{background:#f1f5f9;border-bottom:1px solid #e5e9f2;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.data-grid-headers>div,.data-grid-row>div{padding:10px 14px}.data-grid-row{border-bottom:1px solid #e5e9f2}.data-grid-row:last-child{border-bottom:none}.data-grid-row:hover{background:#f8fafc}.data-grid-actions{display:flex;gap:4px}@media (max-width: 680px){.data-grid-headers{display:none}.data-grid-row{grid-template-columns:1fr 1fr;grid-gap:6px 14px;padding:12px 14px;border:1px solid #e5e9f2;border-radius:14px;margin-bottom:12px;background:#fff}.data-grid-row>div{padding:0;position:relative}.data-grid-row>div .value{font-size:14px;font-weight:500;display:block}.data-grid-row>div:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:600;margin-bottom:1px}.data-grid-actions{grid-column:1/-1;justify-content:flex-end}}.mat-mdc-dialog-surface{border-radius:18px!important;overflow:hidden!important}.cdk-overlay-pane,.mat-mdc-dialog-container{overflow:hidden!important}.mat-mdc-dialog-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;padding:20px 24px 6px}.mat-mdc-dialog-content{padding:0 24px 16px!important;overflow:hidden!important;max-height:none!important}.mat-mdc-dialog-actions{padding:12px 20px 20px!important}.dc-cms-dialog .mat-mdc-dialog-content,.dc-cms-dialog .mat-mdc-dialog-surface,.dc-cms-dialog .mat-mdc-dialog-container,.dc-cms-dialog .cdk-overlay-pane{height:100%!important;max-height:100%!important}.dc-cms-dialog .mat-mdc-dialog-content{display:flex!important}.dc-user-dialog .mat-mdc-dialog-surface{background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 38px -10px #0000002e}.dc-user-dialog .dialog-header h2{font-size:22px}.dc-user-dialog .dialog-header .icon-circle{animation:popIn .35s ease}.dc-user-dialog form .grid mat-form-field{--mdc-outlined-text-field-container-shape:12px}.dc-user-dialog form .grid mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.dc-user-dialog form .footer-actions{padding-top:8px}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#111827}form input,form select{border:1px solid #d0d7e2;border-radius:8px;background:#fff;padding:10px 12px;font-size:14px}form input:focus,form select:focus{outline:2px solid rgba(var(--color-primary-rgb),.35)}::ng-deep .mat-mdc-form-field .mdc-text-field--outlined{height:52px}::ng-deep .mat-mdc-text-field-wrapper{padding:0 12px!important}::ng-deep .mat-mdc-form-field-infix{padding:8px 0 14px!important}.dc-snackbar.success{--snackbar-bg:#0f766e;--snackbar-color:#fff}.dc-snackbar.error{--snackbar-bg:#b91c1c;--snackbar-color:#fff}::ng-deep .dc-snackbar{background:var(--snackbar-bg)!important;color:var(--snackbar-color)!important;font-weight:500;letter-spacing:.3px;border-radius:10px!important}::ng-deep .dc-snackbar .mdc-button__label{font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-weight:600;font-size:12px;white-space:nowrap}.chip-blue{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.28)}.chip-grav-low{background:#f3f4f6;color:#0f172a;border-color:#e5e7eb}.chip-grav-med{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.chip-grav-high{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.chip-status{white-space:nowrap}.chip-status-gray{background:#f3f4f6;color:#475569;border-color:#e5e7eb}.chip-status-green{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.chip-status-red{background:#fef2f2;color:#b91c1c;border-color:#fecaca}