:root{--navy-950: #102a2c;--navy-900: #163f43;--navy-800: #20585a;--navy-700: #2d6d6a;--navy-600: #3f8580;--gold-400: #f3cf72;--gold-500: #dbaa3f;--gold-600: #ad7620;--coral-500: #d76b54;--ink-900: #172529;--ink-600: #506467;--ink-400: #87999a;--paper: #f4f7f3;--paper-card: #ffffff;--border-soft: #dfe8e3;--success: #21886e;--danger: #c94f50;--info: #3f7f9a;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 4px 24px rgba(16, 42, 44, .07);--shadow-card: 0 12px 30px rgba(16, 42, 44, .09);--shadow-gold: 0 8px 20px rgba(219, 170, 63, .32)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at 92% 4%,rgba(243,207,114,.18),transparent 26rem),linear-gradient(135deg,#f8faf6 0%,var(--paper) 58%,#eef5f0 100%);color:var(--ink-900);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.font-display{font-family:var(--font-display)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfd4e0;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--navy-950);box-shadow:var(--shadow-gold)}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 10px 26px #d4a94c73}.btn-dark{background:var(--navy-900);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--border-soft);color:var(--ink-900)}.btn-outline:hover{border-color:var(--gold-500);color:var(--gold-600)}.btn-danger-ghost{background:#e0555a14;color:var(--danger)}.btn-danger-ghost:hover{background:#e0555a29}.btn-sm{padding:6px 12px;font-size:12.5px}.card{background:var(--paper-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-soft)}@media print{body *{visibility:hidden}#printable-invoice,#printable-invoice *{visibility:visible}#printable-invoice{position:absolute;left:0;top:0;width:100%;margin:0;padding:14mm 14mm 12mm;box-sizing:border-box;box-shadow:none!important;border:none!important}@page{size:A4;margin:0}}.ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 18px}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field.full{grid-column:1 / -1}.ui-field label{font-size:12.5px;font-weight:600;color:var(--ink-600, #4b5b5c)}.ui-field small{font-size:11.5px;color:var(--ink-600, #6b7b7c)}.ui-field input,.ui-field textarea,.ui-field select{padding:10px 12px;border:1px solid var(--border-soft, #d7e2e1);border-radius:10px;font:inherit;background:#fff;width:100%;box-sizing:border-box}.ui-field input:focus,.ui-field textarea:focus,.ui-field select:focus{outline:2px solid rgba(15,118,110,.35);border-color:#0f766e}.form-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;padding:9px 12px;border-radius:10px;font-size:13px}.form-ok{color:#067647;background:#ecfdf3;border:1px solid #abefc6;padding:9px 12px;border-radius:10px;font-size:13px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge-on{background:#ecfdf3;color:#067647}.badge-off{background:#fef3f2;color:#b42318}.modal-backdrop{position:fixed;inset:0;background:#08181a8c;display:grid;place-items:center;z-index:1000;padding:16px}.modal-card{background:#fff;border-radius:16px;padding:24px;width:min(640px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 60px #00000040}.modal-card h2{margin:0 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.secret-box{font-family:ui-monospace,Consolas,monospace;background:#f4f7f7;border:1px dashed #0f766e;border-radius:10px;padding:10px 12px;font-size:15px;-webkit-user-select:all;user-select:all}.modal-backdrop{background:#08181a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s ease both}.modal-card{width:min(760px,100%);padding:0;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;animation:pop-in .2s cubic-bezier(.2,.9,.3,1.1) both}.modal-card.sm{width:min(480px,100%)}.modal-head{display:flex;align-items:center;gap:14px;padding:18px 22px;color:#fff;background:linear-gradient(135deg,var(--navy-950),var(--navy-800))}.modal-head h2{margin:0;font-size:18px;color:#fff;flex:1}.modal-head .m-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:var(--navy-950);background:linear-gradient(135deg,var(--gold-400),var(--gold-500))}.modal-head .m-ic.danger{background:linear-gradient(135deg,#f29b8d,var(--danger));color:#fff}.modal-close{border:0;width:32px;height:32px;border-radius:10px;background:#ffffff1f;color:#fff;font-size:15px;cursor:pointer}.modal-close:hover{background:#ffffff38}.modal-body{padding:20px 22px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-body p{margin:0;color:var(--ink-600);font-size:14px;line-height:1.55}.modal-card .modal-actions{margin:0;padding:14px 22px;background:#f7faf8;border-top:1px solid var(--border-soft)}.form-section{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:12px}.form-section+.form-section{padding-top:16px;border-top:1px dashed var(--border-soft)}.form-section>legend,.section-label{padding:0;margin-bottom:2px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--navy-700)}.input-row{display:flex;gap:8px}.input-row input{flex:1}.secret-row{display:flex;align-items:stretch;gap:8px}.secret-row .secret-box{flex:1}.warn-note{display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:#fffaeb;border:1px solid #fedf89;color:#93370d;font-size:13px}.danger-note{background:#fef3f2;border-color:#fecdca;color:#b42318}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal-card{animation:none}}.modal-card{max-height:92vh}.modal-card>.m-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal-head,.modal-card .modal-actions{flex:0 0 auto}.form-section{min-width:0}:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 11px;--hairline: rgba(16, 42, 44, .09);--fill: rgba(63, 133, 128, .09);--fill-strong: rgba(118, 128, 128, .14);--shadow-soft: 0 1px 2px rgba(16, 42, 44, .04), 0 4px 14px rgba(16, 42, 44, .05);--shadow-card: 0 1px 2px rgba(16, 42, 44, .04), 0 10px 30px rgba(16, 42, 44, .06);--ease: cubic-bezier(.32, .72, 0, 1);--spring: cubic-bezier(.34, 1.4, .64, 1);--ring: 0 0 0 4px rgba(63, 133, 128, .18)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);letter-spacing:-.011em;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 92% 0%,rgba(243,207,114,.14),transparent 24rem),linear-gradient(180deg,#f6f8f6,#f1f4f2)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.024em}button,input,select,textarea{font-family:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--navy-700)}::selection{background:#dbaa3f59}*{scrollbar-width:thin;scrollbar-color:rgba(80,100,103,.28) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#50646747;border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#50646780;background-clip:content-box}:focus-visible{outline:3px solid rgba(63,133,128,.4);outline-offset:2px;border-radius:10px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.btn{min-height:40px;padding:0 18px;justify-content:center;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .2s var(--ease),background .2s ease,box-shadow .25s ease,opacity .2s ease,border-color .2s ease,color .2s ease}.btn:active{transform:scale(.97)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{min-height:32px;padding:0 13px;border-radius:10px;font-size:12.5px}.btn-primary{background:linear-gradient(180deg,#f3cf72,#dbaa3f);box-shadow:0 1px #ffffff80 inset,0 6px 16px #dbaa3f4d}.btn-primary:hover{filter:none;box-shadow:0 1px #ffffff80 inset,0 8px 22px #dbaa3f6b;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-dark{background:var(--navy-900);box-shadow:0 1px #ffffff14 inset}.btn-dark:hover{background:var(--navy-800)}.btn-outline{background:#fff;border:1px solid var(--hairline);color:var(--ink-900);box-shadow:0 1px 1px #102a2c08}.btn-outline:hover{background:var(--fill);border-color:#3f858047;color:var(--navy-800)}.btn-danger-ghost{background:#d7555017;color:#c2413f}.btn-danger-ghost:hover{background:#d755502b}.card{border:.5px solid var(--hairline);box-shadow:var(--shadow-card)}.ui-field label{font-size:12.5px;font-weight:600;letter-spacing:0;color:var(--ink-600)}.ui-field input,.ui-field textarea,.ui-field select{min-height:44px;padding:11px 14px;border:1px solid var(--hairline);border-radius:12px;background:#fff;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ui-field textarea{min-height:84px}.ui-field input:hover,.ui-field textarea:hover,.ui-field select:hover{border-color:#3f85804d}.ui-field input:focus,.ui-field textarea:focus,.ui-field select:focus{outline:none;border-color:var(--navy-700);box-shadow:var(--ring)}.form-error,.form-ok{border-radius:12px}.badge{font-weight:600;letter-spacing:0}.page-header h1{font-size:30px;font-weight:700;letter-spacing:-.032em}.subtitle{letter-spacing:-.005em}router-outlet+*{display:block;animation:page-in .42s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.kpi-grid>*,.stats-grid>*,.branch-grid>*,.mini-stats>*{animation:rise-in .5s var(--ease) both}.kpi-grid>*:nth-child(2),.stats-grid>*:nth-child(2),.branch-grid>*:nth-child(2),.mini-stats>*:nth-child(2){animation-delay:.05s}.kpi-grid>*:nth-child(3),.stats-grid>*:nth-child(3),.branch-grid>*:nth-child(3),.mini-stats>*:nth-child(3){animation-delay:.1s}.kpi-grid>*:nth-child(4),.stats-grid>*:nth-child(4),.branch-grid>*:nth-child(4){animation-delay:.15s}.card.kpi,.branch,.stat-card{transition:transform .3s var(--ease),box-shadow .3s ease}tbody tr{transition:background .18s ease}tbody tr:hover{background:#3f85800b}.modal-backdrop{background:#0a141657;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);animation:fade-in .22s ease both}.modal-card{border-radius:26px;box-shadow:0 40px 90px #0000004d,0 0 0 .5px #00000014;animation:sheet-in .42s var(--ease) both}@keyframes sheet-in{0%{opacity:0;transform:translateY(28px) scale(.965)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.modal-head{background:#ffffffeb;color:var(--ink-900);border-bottom:.5px solid var(--hairline);padding:16px 20px}.modal-head h2{color:var(--ink-900);font-size:17px;font-weight:650;letter-spacing:-.02em}.modal-head .m-ic{border-radius:11px}.modal-close{background:var(--fill-strong);color:var(--ink-600);transition:background .2s ease,transform .2s var(--ease)}.modal-close:hover{background:#7680803d;color:var(--ink-900)}.modal-close:active{transform:scale(.92)}.modal-card .modal-actions{background:#fffffff0;border-top:.5px solid var(--hairline)}.warn-note,.secret-box{border-radius:12px}@media (max-width: 640px){.modal-backdrop{place-items:end center;padding:0}.modal-card,.modal-card.sm{width:100%;border-radius:26px 26px 0 0;max-height:94vh;animation-name:sheet-up}input,select,textarea{font-size:16px!important}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}:root{--ink-900: #0a1213;--ink-600: #26373a;--ink-400: #4a5c5f}body{color:#0a1213}.ui-field label{color:#1c2b2e}.ui-field small{color:#3d4f52}input::placeholder,textarea::placeholder{color:#667a7d;opacity:1}thead th{color:#34464a!important;font-weight:700}.subtitle,.muted{color:#3d4f52}