*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f6f7fb;color:#18203d;font-family:Inter,Segoe UI Variable,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-size:14px}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,104,22,.58);outline-offset:4px}::selection{background:#eef0ff;color:#111b75}:root{--color-primary: #1d2bc4;--color-primary-dark: #111b75;--color-primary-soft: #eef0ff;--color-accent: #ff6816;--color-success: #2f7d25;--color-surface: #f6f7fb;--color-text: #18203d;--color-text-muted: #66708a;--radius-md: 14px}.data-toolbar{display:grid;gap:10px;margin-bottom:18px}.data-toolbar app-input,.data-toolbar app-select{min-width:0}.data-grid{display:grid;gap:12px}.data-card{border:1px solid #dfe2ef;border-radius:14px;background:#fff;padding:16px;box-shadow:0 6px 20px #1d2bc40d}.data-card__top,.data-card__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.data-card h2{margin:14px 0 5px;color:#18203d;font-size:16px}.data-card p{margin:0;color:#66708a;font-size:13px;line-height:1.55}.data-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;border-top:1px solid #dfe2ef;border-bottom:1px solid #dfe2ef;padding:13px 0}.data-card__meta span{min-width:0;color:#66708a;font-size:11px}.data-card__meta strong{display:block;overflow:hidden;margin-top:4px;color:#18203d;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.code-label{border-radius:5px;background:#eef0ff;padding:5px 8px;color:#1d2bc4;font-size:10px;font-weight:800;letter-spacing:.5px}.empty-state{border:1px dashed #dfe2ef;border-radius:14px;background:#fafaff;padding:44px 20px;text-align:center}.empty-state strong{display:block;color:#18203d;font-size:17px}.empty-state span{display:block;margin-top:8px;color:#66708a;font-size:13px}.form-panel{border:1px solid #dfe2ef;border-radius:20px;background:#fff;padding:20px 16px;box-shadow:0 14px 34px #1d2bc414}.form-panel h2{margin:0;color:#111b75;font-size:22px}.form-panel>p{margin:7px 0 20px;color:#66708a;font-size:13px;line-height:1.55}.form-grid{display:grid;gap:16px}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:22px;border-top:1px solid #dfe2ef;padding-top:18px}.feedback{margin:0 0 16px;border:1px solid transparent;border-radius:10px;padding:13px 15px;font-size:12px;line-height:1.5}.feedback.error{border-color:#f1c9ca;background:#fbeaea;color:#bc3f45}.feedback.success{border-color:#cce5d5;background:#e9f4e9;color:#2f7d25}.loading-state{padding:36px;color:#66708a;font-size:13px;text-align:center}@media(min-width:620px){.data-toolbar{grid-template-columns:minmax(220px,1fr) 180px auto;align-items:end}.data-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}}@media(min-width:1120px){.data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}