@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{margin:0;padding:0;min-height:100%;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;background-color:#f8fafc;color:var(--rj-ink)}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}:root{--rj-teal: #0d9488;--rj-teal-dark: #0f766e;--rj-blue: #2563eb;--rj-blue-dark: #1d4ed8;--rj-slate-50: #f8fafc;--rj-slate-100: #f1f5f9;--rj-slate-200: #e2e8f0;--rj-slate-300: #cbd5e1;--rj-slate-400: #94a3b8;--rj-slate-500: #64748b;--rj-slate-600: #475569;--rj-slate-700: #334155;--rj-slate-800: #1e293b;--rj-slate-900: #0f172a;--rj-slate-950: #020617;--rj-ink: var(--rj-slate-900);--rj-body: var(--rj-slate-700);--rj-muted: var(--rj-slate-500);--rj-faint: var(--rj-slate-400);--rj-line: var(--rj-slate-200);--rj-line-soft: var(--rj-slate-100);--rj-line-input: var(--rj-slate-300);--rj-surface: #ffffff;--rj-surface-alt: var(--rj-slate-50);--rj-hover: var(--rj-slate-50);--rj-green: #16a34a;--rj-green-dark: #047857;--rj-green-bg: #f0fdf4;--rj-green-fg: #166534;--rj-green-line: #a7f3d0;--rj-red: #dc2626;--rj-red-dark: #b91c1c;--rj-red-bg: #fef2f2;--rj-red-fg: #991b1b;--rj-red-line: #fecaca;--rj-orange: #f97316;--rj-amber: #d97706;--rj-amber-bg: #fff7ed;--rj-amber-fg: #c2410c;--rj-amber-line: #fed7aa;--rj-yellow-bg:#fefce8;--rj-yellow-fg: #a16207;--rj-yellow-line:#fde047;--rj-purple: #7c3aed;--rj-purple-dark:#6d28d9;--rj-purple-bg:#faf5ff;--rj-purple-fg: #7e22ce;--rj-purple-line:#d8b4fe;--rj-indigo-bg:#eef2ff;--rj-indigo-fg: #3730a3;--rj-teal-light: #14b8a6;--rj-teal-bg: #f0fdfa;--rj-teal-line: #99f6e4;--rj-blue-bg: #eff6ff;--rj-blue-line: #bfdbfe;--rj-slate-bg: var(--rj-slate-100);--rj-slate-fg: var(--rj-slate-600);--rj-space-1: 4px;--rj-space-2: 8px;--rj-space-3: 12px;--rj-space-4: 16px;--rj-space-5: 20px;--rj-space-6: 24px;--rj-radius-sm: 6px;--rj-radius: 8px;--rj-radius-lg: 14px;--rj-radius-xl: 18px;--rj-radius-pill: 999px;--rj-shadow: 0 1px 2px rgba(15,23,42,.05), 0 10px 24px -8px rgba(15,23,42,.12);--rj-shadow-btn: 0 2px 6px rgba(15,23,42,.14);--rj-shadow-modal: 0 24px 70px -12px rgba(15,23,42,.35), 0 0 0 1px rgba(15,23,42,.04);--rj-focus-ring: 0 0 0 3px rgba(13,148,136,.35);--rj-focus-tint: 0 0 0 3px rgba(13,148,136,.1);--rj-ease: cubic-bezier(.16,1,.3,1);--rj-fast: .15s;--rj-base: .2s;--rj-z-base: 1;--rj-z-raised: 5;--rj-z-dropdown: 40;--rj-z-menu: 60;--rj-z-modal: 1000;--rj-z-modal-top: 1200;--rj-z-toast: 9999}.app{width:100%;max-width:100%;margin:0;padding:14px 24px 36px;box-sizing:border-box}@media (max-width: 900px){.app{padding:12px 16px 24px}}.toolbar{display:flex;flex-wrap:wrap;gap:var(--rj-space-2);margin-bottom:var(--rj-space-4);align-items:center}.toolbar-search{flex:1;min-width:200px;position:relative}.toolbar-search input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);font-size:14px;outline:none;background:var(--rj-surface)}.toolbar-search input:focus{border-color:var(--rj-teal);box-shadow:var(--rj-focus-tint)}.toolbar-search .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--rj-faint);font-size:16px}.btn{padding:9px var(--rj-space-4);border:1px solid transparent;border-radius:var(--rj-radius);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--rj-space-1);transition:all var(--rj-base)}.btn:hover{box-shadow:0 4px 12px #0f172a14;transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.btn:focus-visible,.btn-icon:focus-visible,.upload-label:focus-visible{outline:none;box-shadow:var(--rj-focus-ring)}.btn-teal,.btn-primary{background:linear-gradient(135deg,var(--rj-teal),var(--rj-teal-dark));color:var(--rj-surface);box-shadow:0 2px 8px #0d948840}.btn-teal:hover,.btn-primary:hover{box-shadow:0 6px 16px #0d948859}.btn-blue{background:linear-gradient(135deg,var(--rj-blue),var(--rj-blue-dark));color:var(--rj-surface);box-shadow:0 4px 12px -2px #2563eb59}.btn-blue:hover{box-shadow:0 6px 18px #2563eb73}.btn-gray{background:var(--rj-slate-600);color:var(--rj-surface)}.btn-orange{background:var(--rj-orange);color:var(--rj-surface)}.btn-light{background:var(--rj-line-soft);color:var(--rj-body);border-color:var(--rj-line)}.btn-light:hover{background:var(--rj-slate-200)}.btn-red{background:var(--rj-red);color:var(--rj-surface)!important}.btn-sm{padding:var(--rj-space-1) var(--rj-space-3);font-size:12px;border-radius:var(--rj-radius-sm)}.btn-icon{padding:var(--rj-space-1);font-size:14px;background:transparent;border:none;cursor:pointer;border-radius:var(--rj-radius-sm)}.btn-icon:hover{background:var(--rj-line-soft)}.legacy-scope select,.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 38px 10px 14px;border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);font-size:14px;font-family:inherit;color:var(--rj-ink);outline:none;background-color:var(--rj-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.legacy-scope select:hover:not(:disabled),.form-group select:hover:not(:disabled){border-color:var(--rj-teal-line)}.legacy-scope select:focus,.form-group select:focus{border-color:var(--rj-teal);box-shadow:var(--rj-focus-tint)}.legacy-scope select:disabled,.form-group select:disabled{background-color:var(--rj-line-soft);color:var(--rj-faint);cursor:not-allowed;opacity:1}.legacy-scope select option,.form-group select option{color:var(--rj-ink);background:var(--rj-surface)}.legacy-scope select:focus{border-color:var(--rj-teal);box-shadow:var(--rj-focus-tint)}.stat-badge{padding:var(--rj-space-1) var(--rj-space-3);border-radius:10px;font-size:12px;font-weight:700}.stat-teal{background:linear-gradient(145deg,#fff,#f2fbf9);color:#1b655f;border:1px solid #b8e6de;border-top:3px solid #48b2a8}.stat-blue{background:linear-gradient(145deg,#fff,#f2f7fe);color:#24508a;border:1px solid #c3daf7;border-top:3px solid #5c97df}.stat-purple{background:linear-gradient(145deg,#fff,#f6f3fe);color:#4c368a;border:1px solid #d8cef8;border-top:3px solid #967ee0}.stat-yellow{background:linear-gradient(145deg,#fff,#fef9ee);color:#874f0f;border:1px solid #f3d9a4;border-top:3px solid #f0b14b}.stat-green{background:linear-gradient(145deg,#fff,#f1fbf6);color:#1d6345;border:1px solid #bce8d1;border-top:3px solid #52b888}.stat-red{background:linear-gradient(145deg,#fff,#fdf3f3);color:#8c2d2d;border:1px solid #f0cccc;border-top:3px solid #e07575}.stat-date,.stat-gray{background:linear-gradient(145deg,#fff,#f5f8fb);color:#475569;border:1px solid #d5e0ea;border-top:3px solid #94a3b8}.stat-orange{background:linear-gradient(145deg,#fff,#fdf6ef);color:#8c4818;border:1px solid #f0d4bc;border-top:3px solid #e69256}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:var(--rj-space-4)}.stat-row .stat-badge{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.stat-row .stat-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px #0f172a14}.badge{display:inline-flex;align-items:center;gap:var(--rj-space-1);padding:3px 10px;border-radius:var(--rj-radius-pill);font-size:11.5px;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.badge-teal{background:var(--rj-teal-bg);color:var(--rj-teal-dark);border-color:var(--rj-teal-line)}.badge-blue{background:var(--rj-blue-bg);color:var(--rj-blue-dark);border-color:var(--rj-blue-line)}.badge-gray{background:var(--rj-line-soft);color:var(--rj-slate-600);border-color:var(--rj-line)}.badge-green{background:var(--rj-green-bg);color:var(--rj-green-fg);border-color:var(--rj-green-line)}.badge-red{background:var(--rj-red-bg);color:var(--rj-red-fg);border-color:var(--rj-red-line)}.badge-orange{background:var(--rj-amber-bg);color:var(--rj-amber-fg);border-color:var(--rj-amber-line)}.badge-purple{background:var(--rj-purple-bg);color:var(--rj-purple-fg);border-color:var(--rj-purple-line)}.table-wrap{background:var(--rj-surface);border-radius:14px;box-shadow:0 4px 20px -4px #0f172a0d,0 2px 6px -1px #0f172a05;overflow:auto;border:1px solid #dce6ef}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap thead{background:#eef5f9;border-bottom:2px solid #7ab8b2}.table-wrap thead th{position:sticky;top:0;background:linear-gradient(180deg,#eef5f9,#e6eff5);z-index:var(--rj-z-base);border-bottom:2px solid #7ab8b2}.table-wrap th{padding:11px var(--rj-space-4);text-align:left;font-size:11px;font-weight:800;color:#2c445c;text-transform:uppercase;letter-spacing:.06em}.table-wrap td{padding:12px var(--rj-space-4);font-size:13px;color:var(--rj-body);border-bottom:1px solid var(--rj-line-soft)}.table-wrap tr:hover td{background:#f2faf9}.table-wrap tbody tr{transition:background var(--rj-fast)}.table-wrap tr:last-child td{border-bottom:none}.table-empty{text-align:center;padding:50px;color:var(--rj-muted);font-size:14px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--rj-space-1)}.section-title h2{font-size:20px;font-weight:800;color:var(--rj-ink);margin:0;letter-spacing:-.02em}.section-sub{color:var(--rj-muted);font-size:13px;margin:2px 0 var(--rj-space-4)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--rj-space-4)}.card{background:var(--rj-surface);border-radius:14px;padding:var(--rj-space-5);box-shadow:0 4px 20px -4px #0f172a0d,0 2px 6px -1px #0f172a05;border:1px solid var(--rj-line);border-top:3px solid var(--rj-blue);transition:all var(--rj-base)}.card:hover{box-shadow:0 10px 25px -5px #0f172a14;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--rj-space-2)}.card-actions{display:flex;gap:var(--rj-space-1)}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:var(--rj-z-modal);padding:var(--rj-space-4);overscroll-behavior:contain;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .18s ease}.modal-box{background:var(--rj-surface);border-radius:var(--rj-radius-xl);width:100%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--rj-shadow-modal);animation:slideUp .26s var(--rj-ease)}.modal-box.sm{max-width:460px}.modal-box.wide{max-width:720px}.modal-box.lg{max-width:900px}.modal-box.xl{width:min(98vw,1920px);max-width:none;border-radius:var(--rj-space-6)}.modal-header{padding:var(--rj-space-5) var(--rj-space-6);display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:var(--rj-radius-xl) var(--rj-radius-xl) 0 0;flex-shrink:0;z-index:5;min-height:72px;background:linear-gradient(135deg,var(--rj-teal),var(--rj-blue));color:var(--rj-surface);box-shadow:0 1px #0f172a0f}.modal-header.bulk{background:linear-gradient(135deg,var(--rj-purple),var(--rj-purple-dark))}.modal-header h2,.modal-header h3,.modal-header div{color:var(--rj-surface)}.modal-header h2{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0}.modal-header h3{font-size:16px;font-weight:800;margin:0}.modal-header button{flex-shrink:0;transition:background var(--rj-fast),opacity var(--rj-fast),transform var(--rj-fast)}.modal-header button:hover{opacity:.9}.modal-header button:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffbf}.modal-body{padding:var(--rj-space-6);overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--rj-space-2);margin-top:var(--rj-space-5)}.modal-body>.modal-actions:last-child{position:sticky;bottom:calc(-1 * var(--rj-space-6));z-index:4;margin:var(--rj-space-5) calc(-1 * var(--rj-space-6)) calc(-1 * var(--rj-space-6));padding:12px var(--rj-space-6);background:var(--rj-surface);border-top:1px solid var(--rj-line);box-shadow:0 -8px 18px -14px #0f172a59;align-items:center}.modal-body .table-wrap{max-width:100%}@media (max-width: 640px){.modal-overlay{padding:10px}.modal-box{max-width:100%;border-radius:var(--rj-radius-lg);max-height:92vh}.modal-header{padding:12px 16px;min-height:52px;border-radius:var(--rj-radius-lg) var(--rj-radius-lg) 0 0}.modal-header h2{font-size:16px}.modal-body{padding:14px 16px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{width:100%;justify-content:center}.modal-body>.modal-actions:last-child{bottom:-14px;margin:16px -16px -14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));flex-direction:row;flex-wrap:wrap}.modal-body>.modal-actions:last-child .btn{flex:1 1 0;width:auto;min-height:44px}}.txn-modal .modal-header{align-items:flex-start}.txn-title{font-size:16px;font-weight:800;color:#fff;line-height:1.25}.txn-subtitle{font-size:12.5px;font-weight:600;color:#ffffffd9;margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace}.txn-close{width:36px;height:36px;border-radius:10px;border:0;background:#ffffff24;color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.txn-close:hover{background:#ffffff3d}.txn-note{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;margin-bottom:16px;border-radius:12px;background:var(--rj-amber-bg);border:1px solid var(--rj-amber-line);color:var(--rj-amber-fg);font-size:12.5px;font-weight:600;line-height:1.45}.txn-section{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rj-muted);margin:18px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.txn-section:first-of-type{margin-top:4px}.txn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.txn-grid .form-group{margin:0}.txn-grid .span-2{grid-column:1 / -1}.txn-lines{display:flex;flex-direction:column;gap:8px}.txn-line{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 150px 96px 36px;gap:10px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid var(--rj-line);background:var(--rj-surface);transition:border-color .15s,background-color .15s}.txn-line--order{grid-template-columns:minmax(0,1.6fr) 130px 130px 90px minmax(0,1fr) 36px}.txn-line.is-changed{border-color:var(--rj-amber-line);background:#fffdf5}.txn-line.is-new{border-color:var(--rj-blue-line);background:#f8fbff}.txn-field{display:flex;flex-direction:column;gap:4px;min-width:0}.txn-label{font-size:10.5px;font-weight:700;color:var(--rj-muted);text-transform:uppercase;letter-spacing:.04em}.txn-field input,.txn-field select{width:100%;height:36px;padding:0 10px;border:1px solid var(--rj-line-input);border-radius:8px;font-size:13px;background:#fff}.txn-field input[type=number]{text-align:right;font-weight:700}.txn-field input:focus{outline:none;border-color:var(--rj-blue);box-shadow:0 0 0 3px #2563eb26}.txn-item-name{font-size:13.5px;font-weight:700;color:var(--rj-ink);line-height:1.3}.txn-item-sku{font-size:11.5px;color:var(--rj-faint);font-family:ui-monospace,SF Mono,Menlo,monospace}.txn-was{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--rj-muted)}.txn-delta{font-weight:800;border-radius:999px;padding:0 6px}.txn-delta.down{color:var(--rj-red-dark);background:var(--rj-red-bg)}.txn-delta.up{color:var(--rj-green-dark);background:var(--rj-green-bg)}.txn-badge-new{font-size:10px;font-weight:800;color:var(--rj-blue-dark);background:var(--rj-blue-bg);border-radius:999px;padding:1px 7px;margin-left:6px}.txn-remove{align-self:end;width:36px;height:36px;border-radius:8px;border:1px solid var(--rj-line);background:#fff;color:var(--rj-red);cursor:pointer;font-size:15px}.txn-remove:hover{background:var(--rj-red-bg);border-color:var(--rj-red-line)}.txn-empty{padding:18px;text-align:center;color:var(--rj-faint);font-size:13px;border:1px dashed var(--rj-line);border-radius:12px}.txn-summary{margin-right:auto;font-size:12.5px;color:var(--rj-muted);font-weight:600;min-width:0}.txn-summary b{color:var(--rj-ink)}.txn-summary .txn-delta{margin-left:2px}@media (max-width: 720px){.txn-grid{grid-template-columns:minmax(0,1fr)}.txn-line,.txn-line--order{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.txn-line .txn-field--item{grid-column:1 / -1;padding-right:44px}.txn-line .txn-field--wide{grid-column:1 / -1}.txn-remove{position:absolute;top:10px;right:10px}.txn-summary{margin:0 0 4px;width:100%}}.form-group{margin-bottom:var(--rj-space-4)}.form-group>label{display:block;font-size:13px;font-weight:600;color:var(--rj-body);margin-bottom:var(--rj-space-1)}.form-group>input,.form-group input:not([type=checkbox]):not([type=radio]):not(.rj-ms-search){width:100%;padding:10px 14px;border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);font-size:14px;outline:none;box-sizing:border-box}.form-group select{width:100%;box-sizing:border-box}.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);font-size:14px;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--rj-teal);box-shadow:var(--rj-focus-tint)}.form-group small,.form-group .form-help-text{display:block;font-size:12px;color:var(--rj-muted);margin-top:6px;line-height:1.4}.form-group rj-multi-select{display:block;width:100%}.form-group rj-multi-select .rj-ms{display:block;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--rj-space-3)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--rj-space-3)}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:var(--rj-space-4)}.pager-info{font-size:13px;color:var(--rj-muted)}.toolbar input[type=date]{padding:9px var(--rj-space-3);border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);font-size:14px;background:var(--rj-surface);outline:none}.toolbar input[type=date]:focus{border-color:var(--rj-teal);box-shadow:var(--rj-focus-tint)}.toolbar .dt{display:inline-flex;align-items:center;gap:var(--rj-space-1);font-size:13px;color:var(--rj-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif{position:fixed;top:var(--rj-space-4);right:var(--rj-space-4);z-index:var(--rj-z-toast);padding:14px var(--rj-space-5);border-radius:10px;color:var(--rj-surface);font-weight:600;font-size:14px;box-shadow:0 8px 24px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.notif-success{background:var(--rj-green)}.notif-error{background:var(--rj-red)}.notif-info{background:var(--rj-blue)}.notif-warning{background:var(--rj-amber)}.upload-label{padding:10px var(--rj-space-4);border:none;border-radius:var(--rj-radius);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--rj-space-1);background:var(--rj-blue);color:var(--rj-surface);transition:all var(--rj-base)}.upload-label:hover{opacity:.9}.empty-state{text-align:center;padding:60px var(--rj-space-5);color:var(--rj-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--rj-space-3);color:var(--rj-faint)}.empty-state p{font-size:14px;font-weight:500}@keyframes kpiMirrorInitialSweep{0%{left:-135%;opacity:0}15%{opacity:1}85%{opacity:1}to{left:135%;opacity:0}}.analytics-card,.ci-kpi,.im-kpi-card,.il-kpi,.mv-kpi,.cycle-stage,.pipeline-cell,.oh-kpi,.users-kpi-card,.stat-row .stat-badge,.dsp-mgmt-card{position:relative;overflow:hidden;box-shadow:0 4px 14px -4px #0f172a0d,inset 0 1px #ffffffeb}.analytics-card:before,.ci-kpi:before,.im-kpi-card:before,.il-kpi:before,.mv-kpi:before,.cycle-stage:before,.pipeline-cell:before,.oh-kpi:before,.users-kpi-card:before,.stat-row .stat-badge:before,.dsp-mgmt-card:before{content:"";position:absolute;top:-25%;left:-135%;width:75%;height:150%;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.52) 44%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.52) 56%,transparent 82%);transform:skew(-22deg);transition:left .75s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:3}.analytics-card:hover:before,.ci-kpi:hover:before,.im-kpi-card:hover:before,.il-kpi:hover:before,.mv-kpi:hover:before,.cycle-stage:hover:before,.pipeline-cell:hover:before,.oh-kpi:hover:before,.users-kpi-card:hover:before,.stat-row .stat-badge:hover:before,.dsp-mgmt-card:hover:before{left:135%}.analytics-card:after,.ci-kpi:after,.im-kpi-card:after,.il-kpi:after,.mv-kpi:after,.cycle-stage:after,.pipeline-cell:after,.oh-kpi:after,.users-kpi-card:after,.stat-row .stat-badge:after,.dsp-mgmt-card:after{content:"";position:absolute;top:-25%;left:-135%;width:80%;height:150%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.55) 44%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.55) 56%,transparent 80%);transform:skew(-22deg);pointer-events:none;z-index:3;animation:kpiMirrorInitialSweep 1.35s cubic-bezier(.22,1,.36,1) .12s both}.analytics-card:nth-child(2):after,.ci-kpi:nth-child(2):after,.im-kpi-card:nth-child(2):after,.il-kpi:nth-child(2):after,.mv-kpi:nth-child(2):after,.cycle-stage:nth-child(2):after,.pipeline-cell:nth-child(2):after,.oh-kpi:nth-child(2):after,.users-kpi-card:nth-child(2):after,.stat-row .stat-badge:nth-child(2):after,.dsp-mgmt-card:nth-child(2):after{animation-delay:.22s}.analytics-card:nth-child(3):after,.ci-kpi:nth-child(3):after,.im-kpi-card:nth-child(3):after,.il-kpi:nth-child(3):after,.mv-kpi:nth-child(3):after,.cycle-stage:nth-child(3):after,.pipeline-cell:nth-child(3):after,.oh-kpi:nth-child(3):after,.users-kpi-card:nth-child(3):after,.stat-row .stat-badge:nth-child(3):after,.dsp-mgmt-card:nth-child(3):after{animation-delay:.32s}.analytics-card:nth-child(4):after,.ci-kpi:nth-child(4):after,.im-kpi-card:nth-child(4):after,.il-kpi:nth-child(4):after,.mv-kpi:nth-child(4):after,.cycle-stage:nth-child(4):after,.pipeline-cell:nth-child(4):after,.oh-kpi:nth-child(4):after,.users-kpi-card:nth-child(4):after,.stat-row .stat-badge:nth-child(4):after,.dsp-mgmt-card:nth-child(4):after{animation-delay:.42s}.analytics-card:nth-child(5):after,.ci-kpi:nth-child(5):after,.im-kpi-card:nth-child(5):after,.il-kpi:nth-child(5):after,.mv-kpi:nth-child(5):after,.cycle-stage:nth-child(5):after,.pipeline-cell:nth-child(5):after,.oh-kpi:nth-child(5):after,.users-kpi-card:nth-child(5):after,.stat-row .stat-badge:nth-child(5):after,.dsp-mgmt-card:nth-child(5):after{animation-delay:.52s}.analytics-card:nth-child(6):after,.ci-kpi:nth-child(6):after,.im-kpi-card:nth-child(6):after,.il-kpi:nth-child(6):after,.mv-kpi:nth-child(6):after,.cycle-stage:nth-child(6):after,.pipeline-cell:nth-child(6):after,.oh-kpi:nth-child(6):after,.users-kpi-card:nth-child(6):after,.stat-row .stat-badge:nth-child(6):after,.dsp-mgmt-card:nth-child(6):after{animation-delay:.62s}.analytics-card:nth-child(7):after,.ci-kpi:nth-child(7):after,.im-kpi-card:nth-child(7):after,.il-kpi:nth-child(7):after,.mv-kpi:nth-child(7):after,.cycle-stage:nth-child(7):after,.pipeline-cell:nth-child(7):after,.oh-kpi:nth-child(7):after,.users-kpi-card:nth-child(7):after,.stat-row .stat-badge:nth-child(7):after,.dsp-mgmt-card:nth-child(7):after{animation-delay:.72s}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-box,.notif,.analytics-card:after,.ci-kpi:after,.im-kpi-card:after,.il-kpi:after,.mv-kpi:after,.cycle-stage:after,.pipeline-cell:after,.oh-kpi:after{animation:none}*{transition-duration:.01ms!important}}.ci-page{padding:var(--rj-space-5)}.ci-card{position:relative;background:var(--rj-surface);border:1px solid var(--rj-line);border-radius:16px;padding:var(--rj-space-6);margin-bottom:var(--rj-space-4);box-shadow:var(--rj-shadow);overflow:hidden}.ci-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rj-teal),var(--rj-blue))}.ci-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--rj-space-4);flex-wrap:wrap}.ci-card-actions{display:flex;gap:var(--rj-space-2);flex-shrink:0}.ci-title{font-size:20px;font-weight:800;color:var(--rj-ink);display:flex;align-items:center;gap:var(--rj-space-2)}.ci-subtitle{font-size:13px;color:var(--rj-muted);margin-top:var(--rj-space-1);max-width:720px;line-height:1.5}.ci-loading{text-align:center;color:var(--rj-muted);padding:40px 0}.ci-kpis{display:flex;flex-wrap:wrap;gap:var(--rj-space-3);margin-top:var(--rj-space-5)}.ci-kpis>.ci-kpi{flex:1 1 180px}.ci-kpi{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--rj-space-3);background:linear-gradient(145deg,#fff,#f3fbf9);border:1px solid #c2e5df;border-top:3px solid #53b5ac;border-radius:12px;padding:var(--rj-space-4);transition:box-shadow var(--rj-base),border-color var(--rj-base),transform var(--rj-base)}.ci-kpis>.ci-kpi:nth-child(6n+1){background:linear-gradient(145deg,#fff,#f2fbf9);border-color:#b8e6de;border-top:3px solid #48b2a8}.ci-kpis>.ci-kpi:nth-child(6n+2){background:linear-gradient(145deg,#fff,#f2f7fe);border-color:#c3daf7;border-top:3px solid #5c97df}.ci-kpis>.ci-kpi:nth-child(6n+3){background:linear-gradient(145deg,#fff,#f6f3fe);border-color:#d8cef8;border-top:3px solid #967ee0}.ci-kpis>.ci-kpi:nth-child(6n+4){background:linear-gradient(145deg,#fff,#fef9ee);border-color:#f3d9a4;border-top:3px solid #f0b14b}.ci-kpis>.ci-kpi:nth-child(6n+5){background:linear-gradient(145deg,#fff,#f1fbf6);border-color:#bce8d1;border-top:3px solid #52b888}.ci-kpis>.ci-kpi:nth-child(6n+6){background:linear-gradient(145deg,#fff,#fdf3f3);border-color:#f0cccc;border-top:3px solid #e07575}.ci-kpi:hover{border-color:#9ec5df;box-shadow:0 8px 20px -6px #0f172a14;transform:translateY(-2px)}.ci-kpi-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px}.ci-kpi-value{font-size:26px;letter-spacing:-.02em;font-weight:800;color:#1e293b;line-height:1.15;font-variant-numeric:tabular-nums}.ci-kpi-value.ci-green{color:#1d6b48}.ci-kpi-value.ci-blue{color:#24508a}.ci-kpi-value.ci-orange{color:#8f5612}.ci-kpi-value.ci-red{color:#8c2d2d}.ci-kpi-label{font-size:11px;font-weight:700;color:#546578;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.ci-kpi-alert{border-color:#f0cccc!important;border-top:3px solid #e07575!important;background:linear-gradient(145deg,#fff,#fdf3f3)!important}.ci-kpi-alert .ci-kpi-value,.ci-kpi-alert .ci-kpi-label{color:#8c2d2d}.ci-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--rj-space-3);margin-top:var(--rj-space-4);margin-bottom:var(--rj-space-1)}.ci-field{display:flex;flex-direction:column;gap:var(--rj-space-1)}.ci-field label{font-size:11px;font-weight:700;color:var(--rj-muted);text-transform:uppercase;letter-spacing:.03em}.ci-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--rj-space-2);margin-bottom:10px}.ci-filter-row label{font-size:11.5px;font-weight:700;color:var(--rj-muted)}.ci-search,.ci-select{padding:10px var(--rj-space-3);border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);font-size:13px;background:var(--rj-surface);color:var(--rj-body);outline:none}.ci-search{min-width:240px}.ci-select{cursor:pointer}.ci-search:focus,.ci-select:focus{border-color:var(--rj-teal);box-shadow:var(--rj-focus-tint)}.ci-tabs{display:inline-flex;background:#f1f6f9;border:1px solid #dce6ef;border-radius:10px;padding:var(--rj-space-1);margin-bottom:var(--rj-space-3);gap:3px}.ci-tab{border:1px solid transparent;background:none;padding:8px 16px;border-radius:var(--rj-radius);font-size:13px;font-weight:700;color:var(--rj-muted);cursor:pointer;transition:background var(--rj-fast),color var(--rj-fast),border-color var(--rj-fast)}.ci-tab:hover{color:var(--rj-ink);background:#fff9}.ci-tab.active{background:#eaf5f4;color:#1f6660;border-color:#a7dbd5;box-shadow:0 1px 3px #0f172a0a}.ci-tab:focus-visible{outline:none;box-shadow:var(--rj-focus-ring)}.ci-table-wrap{overflow-x:auto;border-radius:var(--rj-radius-lg);border:1px solid #dce6ef}.ci-table{width:100%;border-collapse:collapse;font-size:12.5px}.ci-table th{background:linear-gradient(180deg,#eef5f9,#e6eff5);color:#2c445c;text-align:left;padding:10px 14px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-right:1px solid #d8e5ee;border-bottom:2px solid #7ab8b2;white-space:nowrap;position:sticky;top:0;z-index:var(--rj-z-base)}.ci-table th:last-child{border-right:none}.ci-table td{padding:9px 14px;font-size:12.5px;border-bottom:1px solid var(--rj-line-soft);color:var(--rj-body);font-variant-numeric:tabular-nums}.ci-table tbody tr{transition:background var(--rj-fast)}.ci-table tbody tr:nth-child(2n) td{background:#fafcfe}.ci-table tbody tr:hover td{background:#f2faf9}.ci-table tr:last-child td{border-bottom:none}.ci-num{text-align:right}.ci-sku,.ci-table td.ci-sku{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--rj-ink)}.ci-row-clickable{cursor:pointer}.ci-empty{text-align:center;color:var(--rj-muted);padding:28px 12px;font-size:13px}.ci-readonly{color:var(--rj-muted)}.ci-note{font-size:11.5px;color:var(--rj-muted);margin-top:var(--rj-space-2);line-height:1.5}.ci-badge{display:inline-block;padding:5px 11px;border-radius:var(--rj-radius-pill);font-size:11.5px;font-weight:700;white-space:nowrap;line-height:1.3}.ci-btn{padding:10px var(--rj-space-4);border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);background:var(--rj-surface);color:var(--rj-body);font-size:12.5px;font-weight:700;cursor:pointer;transition:filter var(--rj-fast),box-shadow var(--rj-fast),background var(--rj-fast)}.ci-btn:hover:not(:disabled){background:var(--rj-surface-alt);box-shadow:var(--rj-shadow-btn)}.ci-btn:disabled{opacity:.5;cursor:not-allowed}.ci-btn:focus-visible{outline:none;box-shadow:var(--rj-focus-ring)}.ci-btn-primary{background:var(--rj-teal);border-color:var(--rj-teal);color:var(--rj-surface)}.ci-btn-primary:hover:not(:disabled){background:var(--rj-teal);filter:brightness(.94)}.ci-btn-danger{background:var(--rj-red);border-color:var(--rj-red);color:var(--rj-surface)}.ci-btn-danger:hover:not(:disabled){background:var(--rj-red);filter:brightness(.94)}.ci-btn-light{background:var(--rj-line-soft);border-color:var(--rj-line);color:var(--rj-body)}.ci-btn-link{border:0;background:none;padding:4px 8px;color:var(--rj-muted);font-size:15px;cursor:pointer;border-radius:var(--rj-radius-sm)}.ci-btn-link:hover{background:var(--rj-line-soft);color:var(--rj-ink)}.ci-viewonly{margin:8px 0 14px;padding:10px 12px;border:1px solid var(--rj-line);background:var(--rj-surface-alt);border-radius:var(--rj-radius);font-size:12.5px;font-weight:600;color:var(--rj-muted)}.ci-actions{display:flex;flex-wrap:wrap;gap:var(--rj-space-2);margin-top:var(--rj-space-3)}.ci-step{display:flex;align-items:center;gap:var(--rj-space-2);margin:var(--rj-space-4) 0 var(--rj-space-2);font-size:13px;font-weight:700;color:var(--rj-ink)}.ci-step-num{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--rj-teal-bg);color:var(--rj-teal-dark);font-size:11px;font-weight:800}.ci-qty{width:90px;padding:6px 10px;border:1.5px solid var(--rj-blue);border-radius:var(--rj-radius);background:var(--rj-blue-bg);color:var(--rj-blue-dark);font-size:13px;font-weight:700;text-align:right;outline:none;font-variant-numeric:tabular-nums}.ci-qty:focus{box-shadow:var(--rj-focus-tint)}.ci-qty:disabled{background:var(--rj-line-soft);border-color:var(--rj-line);color:var(--rj-muted)}.ci-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--rj-z-modal);padding:var(--rj-space-4)}.ci-modal{background:var(--rj-surface);border-radius:var(--rj-radius-xl);width:100%;max-width:900px;max-height:90vh;overflow:auto;padding:var(--rj-space-5);box-shadow:var(--rj-shadow-modal)}.ci-modal.ci-modal-xl{width:min(98vw,1920px);max-width:min(98vw,1920px);border-radius:24px}.ci-modal.ci-modal-xl .ci-modal-header{border-radius:24px 24px 0 0}.ci-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--rj-space-3);font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--rj-surface);margin:calc(var(--rj-space-5) * -1) calc(var(--rj-space-5) * -1) var(--rj-space-4);padding:var(--rj-space-5) var(--rj-space-5) var(--rj-space-4);min-height:56px;background:linear-gradient(135deg,var(--rj-teal),var(--rj-blue));border-radius:var(--rj-radius-xl) var(--rj-radius-xl) 0 0;box-shadow:0 1px #0f172a0f}.ci-modal-header .ci-badge{box-shadow:0 0 0 1px #fff6 inset}.ci-modal-header .ci-btn-link{color:var(--rj-surface);opacity:.85}.ci-modal-header .ci-btn-link:hover{background:#ffffff2e;color:var(--rj-surface);opacity:1}.ci-modal-header .ci-btn-link:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffbf}.ci-ref-row{display:flex;flex-wrap:wrap;gap:var(--rj-space-5);margin-bottom:var(--rj-space-3)}.ci-ref-label{font-size:10px;font-weight:700;color:var(--rj-muted);text-transform:uppercase;letter-spacing:.04em}.ci-ref-value{font-size:13px;font-weight:700;color:var(--rj-ink)}.ci-confirm{border:1px solid var(--rj-amber-line);background:var(--rj-amber-bg);border-radius:var(--rj-radius);padding:var(--rj-space-3);margin-top:var(--rj-space-3)}.ci-confirm-title{font-size:13px;font-weight:800;color:var(--rj-amber-fg)}.ci-confirm-body{font-size:12px;color:var(--rj-body);margin-top:var(--rj-space-1);line-height:1.5}.ci-confirm-label{font-size:11px;font-weight:700;color:var(--rj-muted);text-transform:uppercase;margin-top:var(--rj-space-2);display:block}.ci-confirm-input{width:100%;padding:8px 12px;border:1px solid var(--rj-line-input);border-radius:var(--rj-radius);font-size:13px;outline:none}.ci-confirm-input:focus{border-color:var(--rj-teal);box-shadow:var(--rj-focus-tint)}.ci-dropdown{position:absolute;z-index:var(--rj-z-dropdown);background:var(--rj-surface);border:1px solid var(--rj-line);border-radius:10px;box-shadow:0 12px 28px #0f172a29;padding:var(--rj-space-1);min-width:180px}.ci-dropdown-item{display:block;width:100%;padding:8px 12px;border:0;background:none;text-align:left;font-size:13px;font-weight:600;color:var(--rj-body);border-radius:var(--rj-radius-sm);cursor:pointer}.ci-dropdown-item:hover{background:var(--rj-surface-alt);color:var(--rj-ink)}.ci-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--rj-space-3);margin-top:var(--rj-space-3);padding-top:var(--rj-space-3);border-top:1px solid var(--rj-line-soft)}.ci-pager-info{font-size:11.5px;color:var(--rj-muted)}.ci-pager-controls{display:flex;gap:var(--rj-space-2)}@media (max-width: 720px){.ci-page,.ci-card{padding:var(--rj-space-3)}.ci-filters>*,.ci-filter-row>*{flex:1 1 100%}.ci-search{min-width:0;width:100%}.ci-pager{justify-content:center}}.ci-table th.ci-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#eef5f9,#e6eff5);color:#2c445c;transition:background .15s ease,color .15s ease}.ci-table th.ci-sortable:hover{background:#e1eef6!important;color:#1b3248!important}.ci-table th.ci-sorted{background:#dcebf5!important;color:#162c42!important;box-shadow:inset 0 -3px #2d948b}.ci-th-content{display:inline-flex;align-items:center;gap:6px;color:inherit}.ci-th-num{justify-content:flex-end;width:100%}.ci-sort-arrow{display:inline-block;font-size:10px;line-height:1;opacity:.65;color:#546578;transition:opacity .15s ease,color .15s ease,transform .15s ease}.ci-table th.ci-sortable:hover .ci-sort-arrow{opacity:1;color:#1b3248}.ci-table th.ci-sorted .ci-sort-arrow{opacity:1;color:#1f6b64;font-weight:800}@media (max-width: 768px){.ci-table:not(.ci-table-wrap *):not(.po-sticky-col-wrap *):not([style*=overflow] *){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn,button.btn-icon,.btn-action-trigger,.lac-seg-btn,.lac-chip,.quick-pill,.oh-status-pill,.btn-page-size{min-height:36px}.btn-page-size{min-width:36px}button.btn-icon,.q-copy,.q-menu-btn,.btn-copy-email{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.shell-search-input{min-height:32px}}
