:root{--po-navy: #061943;--po-blue: #1264f5;--po-blue-dark: #0b4fc9;--po-cyan: #04c7e8;--po-violet: #7247f4;--po-bg: #f6f9ff;--po-white: #ffffff;--po-text: #10213e;--po-text-muted: #4a5a78;--po-border: #dbe4f3;--po-success: #138a52;--po-warning: #b87500;--po-error: #c83442;--po-gradient-brand: linear-gradient(90deg, #04c7e8 0%, #1264f5 100%);--po-gradient-icon: linear-gradient(135deg, #061943 0%, #1264f5 45%, #7247f4 75%, #04c7e8 100%);--po-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--po-font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;--po-fs-xs: .8125rem;--po-fs-sm: .9375rem;--po-fs-md: 1rem;--po-fs-lg: 1.25rem;--po-fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--po-fs-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);--po-radius-sm: 8px;--po-radius-md: 14px;--po-radius-lg: 22px;--po-radius-pill: 999px;--po-shadow-sm: 0 1px 2px rgb(6 25 67 / 6%), 0 2px 8px rgb(6 25 67 / 5%);--po-shadow-md: 0 8px 28px rgb(6 25 67 / 10%);--po-shadow-lg: 0 24px 60px rgb(6 25 67 / 16%);--po-focus: 0 0 0 3px #ffffff, 0 0 0 5px #1264f5;--po-container: 1180px}*,*:before,*:after{box-sizing:border-box}:root{--po-soft-blue: #eaf1ff;--po-soft-green: #e6f6ee;--po-soft-amber: #fff4dd;--po-soft-red: #fdebed;--po-soft-violet: #f1ecff;--po-head-bg: #f7f9fd;--po-page-icon: none}html,body{margin:0;height:100%}body{font-family:var(--po-font);font-size:14px;color:var(--po-text);background:var(--po-bg);line-height:1.45}a{color:var(--po-blue)}h1{font-size:1.75rem;line-height:1.2;margin:0 0 .3rem;color:var(--po-navy);font-weight:800;letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 .5rem;color:var(--po-navy);font-weight:700}h3{font-size:.95rem;margin:0 0 .5rem;color:var(--po-navy)}:focus-visible{outline:none;box-shadow:var(--po-focus);border-radius:4px}.muted{color:var(--po-text-muted)}.small{font-size:var(--po-fs-xs)}.mono{font-family:var(--po-font-mono)}.right{text-align:right}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-head{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.page-head:before{content:"";flex:none;width:60px;height:60px;border-radius:18px;background:var(--po-soft-blue) var(--po-page-icon) center/30px no-repeat;box-shadow:inset 0 0 0 1px #1264f514}.page-head.no-icon:before{display:none}.page-head>div:first-of-type{flex:1;min-width:240px}.page-head p{margin:0}.page-head h1 .muted.small,.code-badge{display:inline-block;vertical-align:middle;margin-left:.45rem;padding:.18rem .6rem;border-radius:8px;background:var(--po-soft-blue);color:var(--po-blue);font-size:13px;font-weight:700;letter-spacing:0}.page-head>.filters,.head-tools{margin:0;padding:.75rem 1rem;background:var(--po-white);border:1px solid var(--po-border);border-radius:var(--po-radius-md);box-shadow:var(--po-shadow-sm)}.card{background:var(--po-white);border:1px solid var(--po-border);border-radius:16px;box-shadow:var(--po-shadow-sm);padding:1.25rem;margin-bottom:1rem}.card>h2:first-child{display:flex;align-items:center;gap:.6rem}.kpi{display:flex;flex-direction:column;gap:.25rem;margin:0}.kpi .value{font-size:1.6rem;font-weight:800;color:var(--po-navy)}.kpi .def{font-size:var(--po-fs-xs);color:var(--po-text-muted)}.tile{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--po-soft-blue);color:var(--po-blue)}.tile .ico{width:22px;height:22px}.tile.lg{width:60px;height:60px;border-radius:18px}.tile.lg .ico{width:30px;height:30px}.tile.sm{width:34px;height:34px;border-radius:10px}.tile.sm .ico{width:18px;height:18px}.tile.green{background:var(--po-soft-green);color:var(--po-success)}.tile.amber{background:var(--po-soft-amber);color:#d98a00}.tile.red{background:var(--po-soft-red);color:var(--po-error)}.tile.violet{background:var(--po-soft-violet);color:var(--po-violet)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--po-border);background:var(--po-white);color:var(--po-text);padding:.55rem 1rem;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover:not(:disabled){border-color:var(--po-blue);color:var(--po-blue)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--po-blue);border-color:var(--po-blue);color:#fff;box-shadow:0 6px 16px #1264f538}.btn.primary:hover:not(:disabled){background:var(--po-blue-dark);color:#fff}.btn.danger{color:var(--po-error);border-color:#f2c3c8;background:var(--po-soft-red)}.btn.danger:hover:not(:disabled){color:var(--po-error);border-color:var(--po-error)}.btn.soft{background:var(--po-soft-blue);border-color:#d6e4ff;color:var(--po-blue)}.btn.link{border:0;background:none;color:var(--po-blue);padding:.2rem .3rem;box-shadow:none}.btn.sm{padding:.32rem .65rem;font-size:var(--po-fs-xs);border-radius:8px}.btn.icon-only{padding:.4rem;width:38px;height:38px}label.field{display:flex;flex-direction:column;gap:.35rem;font-weight:700;font-size:13px;color:var(--po-navy)}label.field .req{color:var(--po-error)}label.check{display:flex;gap:.45rem;align-items:center;font-size:var(--po-fs-xs)}input,select,textarea{font:inherit;font-weight:400;color:var(--po-text);border:1px solid var(--po-border);border-radius:10px;padding:.55rem .75rem;background:#fff;min-width:0;min-height:40px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#8a97b1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--po-blue);box-shadow:0 0 0 3px #1264f524}input[type=checkbox]{width:1.05rem;height:1.05rem;min-height:0;accent-color:var(--po-blue)}textarea{min-height:6rem;resize:vertical}.ng-invalid.ng-touched:not(form):not(.form-grid){border-color:var(--po-error)}.field-error{color:var(--po-error);font-weight:400}.field .hint{font-weight:400;color:var(--po-text-muted);font-size:12px}.form-grid{display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.form-grid .wide{grid-column:1/-1}.filters{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:.75rem}.affix{display:flex;align-items:stretch}.affix>span{display:grid;place-items:center;padding:0 .8rem;background:var(--po-head-bg);color:var(--po-text-muted);border:1px solid var(--po-border);border-right:0;border-radius:10px 0 0 10px;font-weight:700}.affix>input{flex:1;border-radius:0 10px 10px 0}.search-box{position:relative;display:flex}.search-box .ico{position:absolute;left:.8rem;top:50%;translate:0 -50%;color:#7a88a6;width:20px;height:20px}.search-box input{flex:1;padding-left:2.6rem;min-height:44px}.toggle-card{display:flex;gap:.85rem;align-items:center;padding:.8rem 1rem;border:1px solid var(--po-border);border-radius:12px;background:#fbfcff;cursor:pointer;font-weight:400}.toggle-card strong{display:block;color:var(--po-navy);font-size:14px}.toggle-card small{color:var(--po-text-muted);font-size:12px}.switch{appearance:none;flex:none;width:44px!important;height:24px!important;border-radius:99px;margin:0;background:#cfd8e8;position:relative;cursor:pointer;transition:background .15s;border:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .15s}.switch:checked{background:var(--po-blue)}.switch:checked:after{left:23px}.form-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.form-head h2{font-size:1.35rem;margin:0}.form-head p{margin:.15rem 0 0}.section{border:1px solid var(--po-border);border-radius:14px;padding:1rem 1.1rem 1.2rem;margin-bottom:1rem;background:#fff}.section-head{display:flex;gap:.85rem;align-items:center;margin:-1rem -1.1rem 1rem;padding:.85rem 1.1rem;background:var(--po-head-bg);border-radius:14px 14px 0 0;border-bottom:1px solid var(--po-border)}.section-head h3{margin:0;font-size:16px}.section-head p{margin:.1rem 0 0;font-size:13px;color:var(--po-text-muted)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem;margin:0 -1.25rem -1.25rem;background:var(--po-head-bg);border-top:1px solid var(--po-border);border-radius:0 0 16px 16px}.table-wrap{overflow-x:auto;border:1px solid var(--po-border);border-radius:12px}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th,table.data td{padding:.8rem .9rem;border-bottom:1px solid #edf1f8;text-align:left;vertical-align:middle}table.data tbody tr:last-child td{border-bottom:0}table.data th{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#44516d;background:var(--po-head-bg);white-space:nowrap}table.data th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}table.data th .sort{opacity:.45;font-size:10px}table.data th[aria-sort] .sort{opacity:1;color:var(--po-blue)}table.data tbody tr:hover{background:#f6f9ff}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data td.strong{font-weight:700;color:var(--po-navy)}table.data tfoot td{font-weight:800;color:var(--po-navy);background:var(--po-head-bg);border-top:1px solid var(--po-border)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem;border-radius:8px;background:var(--po-head-bg);border:1px solid var(--po-border);font-size:12.5px;white-space:nowrap;color:var(--po-text)}.chip.code{font-family:var(--po-font-mono);font-size:12px}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--po-radius-pill);font-size:12px;font-weight:700;background:#eef3fc;color:var(--po-navy);white-space:nowrap}.badge.ok{background:var(--po-soft-green);color:var(--po-success)}.badge.warn{background:var(--po-soft-amber);color:#9a6200}.badge.err{background:var(--po-soft-red);color:var(--po-error)}.badge.info{background:var(--po-soft-blue);color:var(--po-blue)}.badge.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.state{padding:2.5rem 1rem;text-align:center;color:var(--po-text-muted)}.state.err{color:var(--po-error)}.empty-art{display:grid;justify-items:center;gap:.5rem;padding:2.5rem 1rem;text-align:center;color:var(--po-text-muted)}.empty-art strong{color:var(--po-navy);font-size:1.1rem}.alert{display:flex;gap:.6rem;align-items:center;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;border:1px solid}.alert.err{background:#fdf1f2;border-color:#f2c3c8;color:var(--po-error)}.alert.warn{background:#fdf6e9;border-color:#f1d9a6;color:#6b4500}.alert.info{background:#eef4ff;border-color:#cfe0ff;color:var(--po-navy)}.alert.ok{background:#e9f6ef;border-color:#bfe5d0;color:var(--po-success)}.pager{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-top:1rem;flex-wrap:wrap}.pager .page-btn{min-width:38px;height:38px;padding:0;border-radius:10px}.pager .page-btn.current{background:var(--po-blue);border-color:var(--po-blue);color:#fff}.pager select{min-height:38px}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--po-border);margin-bottom:1rem;flex-wrap:wrap}.tabs button{all:unset;cursor:pointer;padding:.6rem .9rem;border-bottom:2px solid transparent;font-weight:600}.tabs button.active{border-color:var(--po-blue);color:var(--po-blue)}pre.ticket{font-family:var(--po-font-mono);background:#fff;border:1px dashed var(--po-border);padding:.75rem;white-space:pre;overflow-x:auto;display:inline-block;min-width:100%}body.compact table.data th,body.compact table.data td{padding:.45rem .7rem}body.compact .btn.sm{padding:.22rem .55rem}.spinner{display:inline-block;width:18px;height:18px;flex:none;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:po-spin .7s linear infinite}@keyframes po-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}