*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#d81b7a;--primary-light:#e91e8c;--primary-dark:#ad1463;--primary-bg:#fff0f7;--primary-border:#d81b7a33;--yellow:#ff8f00;--yellow-dark:#e65100;--yellow-light:#fff3e0;--yellow-border:#ff8f0066;--navy:#2d2b4e;--navy-light:#3d3b6e;--navy-bg:#eeeef8;--white:#fff;--off-white:#fff8fb;--success:#15803d;--success-bg:#f0fdf4;--warning:#b45309;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--info:#0369a1;--info-bg:#f0f9ff;--text:#2e1622;--text-secondary:#6b5060;--text-light:#9c8090;--bg:#fff5fa;--border:#f0d0e0;--border-light:#faf0f5;--shadow-sm:0 1px 3px #d81b7a14;--shadow:0 4px 12px #d81b7a1f;--shadow-lg:0 8px 24px #d81b7a26;--radius:10px;--radius-sm:6px;--radius-lg:16px;--sidebar-width:260px;--navbar-height:64px;--transition:.25s ease;--gold:var(--yellow);--gold-light:var(--yellow-light)}.website-layout{--primary:#d81b7a;--primary-light:#e8458f;--primary-dark:#8b1538;--primary-bg:#fdf2f7;--primary-border:#d81b7a2e;--yellow:#c9971b;--yellow-dark:#a87f12;--yellow-light:#faf4e6;--yellow-border:#c9971b66;--gold:#c9971b;--gold-light:#faf4e6;--navy:#45102a;--navy-light:#6a1a3c;--text:#2e1622;--text-secondary:#6e5560;--text-light:#a78a96;--bg:#fffcf8;--off-white:#fff;--border:#efe2e8;--border-light:#f8f1f5;--shadow-sm:0 1px 4px #6e10300d;--shadow:0 8px 24px #6e103012;--shadow-lg:0 16px 42px #6e10301c}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%}ul{list-style:none}input[type=text]:not([data-case=natural]),input:not([type]):not([data-case=natural]),input[type=tel]:not([data-case=natural]),input[type=search]:not([data-case=natural]){text-transform:uppercase}#root{flex-direction:column;min-height:100vh;display:flex}.swal-custom-popup{border-radius:20px!important;padding:28px 24px 24px!important;font-family:inherit!important;box-shadow:0 20px 60px #0003!important}.swal-custom-confirm,.swal-custom-cancel{letter-spacing:.2px!important;border-radius:10px!important;padding:10px 24px!important;font-size:14px!important;font-weight:700!important}.osi-page{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:4px 0 24px;display:flex}.osi-loading-page{color:#9ca3af;justify-content:center;align-items:center;gap:12px;padding:100px 20px;font-size:.9rem;display:flex}.osi-empty{text-align:center;background:linear-gradient(135deg,#fff 0%,#fdf4f9 100%);border:1px solid #f0e6f0;border-radius:20px;padding:100px 20px;box-shadow:0 4px 24px #d81b7a12}.osi-empty-icon{margin-bottom:16px;font-size:4rem}.osi-empty h3{color:#33202e;margin-bottom:8px;font-size:1.15rem;font-weight:800}.osi-empty p{color:#9ca3af;max-width:320px;margin:0 auto;font-size:.88rem;line-height:1.6}.osi-header{background:linear-gradient(135deg,#0f0c29 0%,#302b63 45%,#24243e 100%);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 28px;display:flex;box-shadow:0 8px 36px #0f0c2961}.osi-header-left{align-items:center;gap:16px;display:flex}.osi-header-heart{filter:drop-shadow(0 0 10px #fbbf24b3);font-size:2rem;animation:2s ease-in-out infinite osi-pulse}.osi-header-title{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:800}.osi-header-sub{color:#ffffff6b;text-transform:uppercase;letter-spacing:.07em;margin-top:3px;font-size:.68rem}.osi-header-right{align-items:center;gap:12px;display:flex}.osi-status-chip{white-space:nowrap;letter-spacing:.03em;border-radius:20px;padding:5px 14px;font-size:.7rem;font-weight:700}.osi-chip-interested{color:#fbbf24;background:#fbbf2424;border:1px solid #fbbf2452}.osi-nav-group{align-items:center;gap:4px;display:flex}.osi-nav-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;transition:all .18s;display:flex}.osi-nav-btn:hover:not(:disabled){color:#fbbf24;background:#fbbf2438;border-color:#fbbf2473;transform:scale(1.08)}.osi-nav-btn:disabled{opacity:.25;cursor:not-allowed}.osi-nav-counter{color:#ffffff80;white-space:nowrap;padding:0 12px;font-size:.82rem;font-weight:500}.osi-nav-counter strong{color:#fbbf24;font-size:1rem;font-weight:800}.osi-pair-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:1fr 68px 1fr;gap:0;display:grid;overflow:hidden;box-shadow:0 12px 50px #0000001c}.osi-connector{background:linear-gradient(#0f0c29 0%,#302b63 50%,#24243e 100%);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:68px;display:flex;position:relative}.osi-connector:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.osi-connector-line{z-index:1;background:linear-gradient(#0000,#fbbf244d,#0000);flex:1;width:2px;min-height:40px;position:relative}.osi-connector-badge{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;padding:18px 8px;display:flex;position:relative}.osi-connector-badge:before{content:"↓";color:#fbbf248c;letter-spacing:0;font-size:.85rem;font-weight:800}.osi-connector-heart{filter:drop-shadow(0 0 12px #fbbf24a6);font-size:2rem;animation:2s ease-in-out infinite osi-pulse}.osi-connector-label{text-transform:uppercase;letter-spacing:.12em;color:#fff6;font-size:.53rem;font-weight:800}.osi-connector-date{color:#ffffff38;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.03em;margin-top:2px;font-size:.53rem;font-weight:500}.osi-connector-oneside .osi-connector-label{color:#fff;font-size:.62rem}.osi-connector-oneside .osi-connector-date{color:#fff;letter-spacing:.06em;font-size:.78rem;font-weight:700}.osi-notes-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.osi-profile-card{flex-direction:column;display:flex;position:relative;overflow:hidden}.osi-card-accent{flex-shrink:0;height:4px}.osi-accent-from{background:linear-gradient(90deg,#1d4ed8,#3b82f6,#93c5fd)}.osi-accent-to{background:linear-gradient(90deg,#9d174d,#d81b7a,#f472b6)}.osi-card-body{flex:1;align-items:stretch;display:flex}.osi-card-from .osi-card-body{flex-direction:row-reverse}.osi-card-to .osi-card-body{flex-direction:row}.osi-avatar-col{flex:0 0 60%;min-width:0;display:block;position:relative;overflow:hidden}.osi-card-from .osi-avatar-col{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%)}.osi-card-to .osi-avatar-col{background:linear-gradient(135deg,#831843 0%,#d81b7a 100%)}.osi-avatar-wrap{background:#2a1422;width:100%;height:340px;position:relative;overflow:hidden}.osi-avatar-wrap:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#00000073);height:80px;position:absolute;bottom:0;left:0;right:0}.osi-avatar{object-fit:contain;object-position:center;border-radius:0;width:100%;height:100%;transition:transform .45s;display:block}.osi-avatar-wrap:hover .osi-avatar{transform:scale(1.06)}@keyframes osi-heartbreak{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.osi-info-col{box-sizing:border-box;flex-direction:column;flex:0 0 40%;width:40%;min-width:0;padding:14px 16px 12px;display:flex}.osi-pid-row{align-items:center;gap:7px;margin-bottom:2px;display:flex}.osi-card-pid{letter-spacing:.09em;text-transform:uppercase;font-size:.85rem;font-weight:800}.osi-pid-from{color:#2563eb}.osi-pid-to{color:#d81b7a}.osi-heart-inline{filter:drop-shadow(0 1px 6px #ec48998c);font-size:1.5rem;line-height:1;animation:1.8s ease-in-out infinite osi-pulse}.osi-heartbreak-inline{font-size:1.5rem;line-height:1}.osi-card-name{margin-bottom:5px;font-size:1.02rem;font-weight:800;line-height:1.25}.osi-card-from .osi-card-name{color:#1d4ed8}.osi-card-to .osi-card-name{color:#be185d}.osi-card-phone{color:#6b7280;align-items:center;gap:4px;margin-bottom:8px;font-size:.76rem;display:flex}.osi-phone-icon{font-size:.78rem}.osi-card-chips{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.osi-chip{color:#4b5563;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:3px 9px;font-size:.66rem;font-weight:600}.osi-chip-male{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.osi-chip-female{color:#be185d;background:#fdf2f8;border-color:#fbcfe8}.osi-chip-emp{color:#374151;background:#f3f4f6;border-color:#d1d5db;font-style:italic}.osi-chip-locked{color:#9b1c1c;background:#fef2f2;border-color:#fca5a5;font-weight:700}.osi-card-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);flex-shrink:0;height:1px;margin:10px 0}.osi-card-actions{flex-direction:column;align-content:start;gap:6px;display:flex}.osi-action-row-2{display:contents}.osi-action-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;padding:7px 10px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.osi-action-btn:hover:not(:disabled){filter:brightness(.88);transform:translateY(-2px)}.osi-action-btn:active:not(:disabled){filter:brightness(.82);transform:translateY(0)}.osi-action-btn:disabled{cursor:not-allowed}.osi-btn-locked:disabled{opacity:.75;color:#9ca3af!important;box-shadow:none!important;background:#e5e7eb!important}.osi-btn-icon{flex-shrink:0;font-size:.86rem}.osi-btn-view{color:#fff;background:linear-gradient(135deg,#0e7490,#06b6d4);box-shadow:0 2px 8px #06b6d440}.osi-btn-sms{color:#fff;background:linear-gradient(135deg,#b45309,#f59e0b);box-shadow:0 2px 8px #f59e0b40}.osi-btn-sa{color:#fff;background:linear-gradient(135deg,#065f46,#059669);box-shadow:0 2px 8px #05966940}.osi-btn-interested{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 2px 8px #2563eb40}.osi-btn-interested:disabled{color:#065f46;box-shadow:none;cursor:not-allowed;filter:none;background:linear-gradient(135deg,#d1fae5,#bbf7d0);transform:none}.osi-btn-notint{color:#fff;background:linear-gradient(135deg,#991b1b,#dc2626);box-shadow:0 2px 8px #dc262640}.osi-btn-notint:disabled{color:#b91c1c;box-shadow:none;cursor:not-allowed;filter:none;background:linear-gradient(135deg,#fee2e2,#fecaca);transform:none}.osi-btn-close,.osi-btn-remove{color:#fff;background:linear-gradient(135deg,#374151,#6b7280);box-shadow:0 2px 8px #6b728038}@keyframes osi-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.osi-spinner{border:2.5px solid #00000014;border-top-color:#d81b7a;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.7s linear infinite osi-spin}@keyframes osi-spin{to{transform:rotate(360deg)}}.osi-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:600;background:#0000009e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.osi-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;padding:5px 9px;font-size:1rem;transition:background .15s,color .15s}.osi-close-btn:hover{color:#dc2626;background:#fee2e2}.osi-view-header .osi-close-btn,.osi-sa-header .osi-close-btn{color:#ffffff8c}.osi-view-header .osi-close-btn:hover,.osi-sa-header .osi-close-btn:hover{color:#fff;background:#ffffff1f}.osi-view-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:860px;max-height:88vh;animation:.25s osi-modal-in;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000047}@keyframes osi-modal-in{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.osi-view-header{background:linear-gradient(135deg,#0f0c29,#302b63);border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.osi-view-header-info{align-items:center;gap:14px;display:flex}.osi-view-avatar{object-fit:cover;border:2.5px solid #ffffff47;border-radius:50%;width:48px;height:48px}.osi-view-name{color:#fff;margin-bottom:3px;font-size:1rem;font-weight:700}.osi-view-meta{color:#ffffff8c;flex-wrap:wrap;gap:8px;font-size:.76rem;display:flex}.osi-view-pid{color:#fbbf24;font-weight:700}.osi-view-body{padding:18px;overflow-y:auto}.osi-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.osi-view-section{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:12px 14px}.osi-contact-restricted{background:#fff5f5;border-color:#fecaca}.osi-contact-blocked{color:#b91c1c;align-items:flex-start;gap:8px;font-size:.8rem;font-weight:500;display:flex}.osi-contact-blocked-icon{flex-shrink:0;font-size:1rem}.osi-view-sec-title{color:#d81b7a;text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid #fce7f3;margin-bottom:9px;padding-bottom:6px;font-size:.7rem;font-weight:800}.osi-info-row{gap:8px;margin-bottom:5px;font-size:.8rem;display:flex}.osi-info-label{color:#6b7280;flex-shrink:0;min-width:108px;font-size:.74rem}.osi-info-value{color:#33202e;font-weight:600}.osi-modal-loading{color:#9ca3af;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:.88rem;display:flex}.osi-notint-modal{background:#fff;border-radius:16px;width:100%;max-width:460px;animation:.25s osi-modal-in;overflow:hidden;box-shadow:0 24px 70px #00000047}.osi-notint-header{background:linear-gradient(135deg,#fef2f2,#fff9f9);border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.osi-notint-icon{color:#dc2626;background:#fef2f2;border:2px solid #fecaca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.osi-notint-title{color:#2a1620;font-size:.95rem;font-weight:700}.osi-notint-sub{color:#9ca3af;margin-top:1px;font-size:.7rem}.osi-notint-body{padding:16px 20px}.osi-notint-textarea{color:#374151;resize:vertical;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.osi-notint-textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.osi-notint-footer{justify-content:flex-end;gap:10px;padding:12px 20px 18px;display:flex}.osi-notint-cancel{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:background .15s}.osi-notint-cancel:hover{background:#f9fafb}.osi-notint-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b91c1c,#dc2626);border:none;border-radius:8px;padding:8px 20px;font-size:.8rem;font-weight:700;transition:all .18s;box-shadow:0 2px 10px #dc26264d}.osi-notint-confirm:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px)}.osi-notint-confirm:disabled,.osi-notint-cancel:disabled{opacity:.6;cursor:not-allowed}.osi-close-icon{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.osi-close-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#374151,#6b7280);border:none;border-radius:8px;padding:8px 20px;font-size:.8rem;font-weight:700;transition:all .18s;box-shadow:0 2px 10px #6b728047}.osi-close-confirm:hover:not(:disabled){filter:brightness(.88);transform:translateY(-1px)}.osi-close-confirm:disabled{opacity:.6;cursor:not-allowed}.osi-sa-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:520px;max-height:88vh;animation:.2s osi-modal-in;display:flex;overflow:hidden;box-shadow:0 25px 80px #00000047}.osi-sa-header{background:linear-gradient(135deg,#064e3b 0%,#065f46 50%,#16a34a 100%);flex-shrink:0;align-items:center;gap:14px;padding:20px 22px;display:flex}.osi-sa-header-icon{background:#ffffff26;border:1px solid #ffffff38;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:26px;display:flex}.osi-sa-header-info{flex:1;min-width:0}.osi-sa-title{color:#fff;letter-spacing:-.2px;font-size:19px;font-weight:800}.osi-sa-sub{margin-top:5px}.osi-sa-pid-badge{color:#fffffff2;letter-spacing:.5px;background:#fff3;border:1px solid #ffffff47;border-radius:20px;padding:3px 11px;font-size:12px;font-weight:700;display:inline-block}.osi-sa-body{background:#f8fafc;flex:1;padding:24px;overflow-y:auto}.osi-sa-view{flex-direction:column;align-items:center;gap:16px;display:flex}.osi-sa-iframe{border:none;border-radius:12px;width:100%;height:420px;box-shadow:0 2px 18px #0000001a}.osi-sa-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:420px;box-shadow:0 2px 18px #0000001a}.osi-sa-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.osi-sa-open{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-block;box-shadow:0 2px 8px #2563eb4d}.osi-sa-open:hover{opacity:.88;transform:translateY(-1px)}.osi-sa-replace{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 2px 8px #f59e0b4d}.osi-sa-replace:hover{opacity:.88;transform:translateY(-1px)}.osi-sa-del{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 2px 8px #ef44444d}.osi-sa-del:hover{opacity:.88;transform:translateY(-1px)}.osi-sa-upload{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.osi-sa-dropzone{cursor:pointer;box-sizing:border-box;background:#fff;border:2px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:200px;padding:28px 20px;transition:border-color .2s,background .2s;display:flex;position:relative}.osi-sa-dropzone:hover,.osi-sa-dropzone-active{background:#f0fdf4;border-color:#16a34a}.osi-sa-file-input-hidden{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.osi-sa-dz-icon{margin-bottom:4px;font-size:44px}.osi-sa-dz-title{color:#33202e;font-size:15px;font-weight:700}.osi-sa-dz-sub{color:#6b7280;font-size:12.5px}.osi-sa-dz-types{gap:6px;margin-top:8px;display:flex}.osi-sa-dz-types span{color:#374151;letter-spacing:.5px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.osi-sa-file-preview{z-index:2;align-items:center;gap:14px;width:100%;padding:4px 12px;display:flex;position:relative}.osi-sa-file-icon{flex-shrink:0;font-size:38px}.osi-sa-file-info{min-width:0}.osi-sa-file-name{color:#33202e;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.osi-sa-file-meta{color:#16a34a;margin-top:3px;font-size:12px;font-weight:600}.osi-sa-upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 32px;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 14px #16a34a59}.osi-sa-upload-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.osi-sa-upload-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.osi-sa-btn-spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite osi-spin;display:inline-block}.osi-notes-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.osi-notes-from{border-top:3px solid #2563eb}.osi-notes-to{border-top:3px solid #d81b7a}.osi-notes-header{background:linear-gradient(135deg,#f8faff,#fafbfc);border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:10px 14px;display:flex}.osi-notes-icon{font-size:1rem}.osi-notes-title{color:#374151;text-transform:uppercase;letter-spacing:.06em;flex:1;font-size:.72rem;font-weight:800}.osi-notes-count{color:#6b7280;background:#e5e7eb;border-radius:10px;padding:2px 9px;font-size:.66rem;font-weight:700}.osi-notes-readonly{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:2px 9px;font-size:.66rem;font-weight:700}.osi-notes-timeline{flex-direction:column;flex-shrink:0;gap:0;max-height:240px;padding:10px 14px;display:flex;overflow:hidden auto}.osi-notes-timeline::-webkit-scrollbar{width:4px}.osi-notes-timeline::-webkit-scrollbar-track{background:0 0}.osi-notes-from .osi-notes-timeline::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:4px}.osi-notes-to .osi-notes-timeline::-webkit-scrollbar-thumb{background:#f9a8d4;border-radius:4px}.osi-notes-empty{text-align:center;color:#d1d5db;padding:22px 0}.osi-notes-empty-icon{margin-bottom:6px;font-size:1.6rem}.osi-notes-empty p{font-size:.74rem;line-height:1.5}.osi-note-item{border-bottom:1px solid #f3f4f6;gap:10px;padding:8px 0;display:flex}.osi-note-item:last-child{border-bottom:none}.osi-note-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.osi-note-dot-from{background:linear-gradient(135deg,#2563eb,#93c5fd);box-shadow:0 0 0 2px #2563eb26}.osi-note-dot-to{background:linear-gradient(135deg,#d81b7a,#f472b6);box-shadow:0 0 0 2px #d81b7a26}.osi-note-content{flex:1;min-width:0}.osi-note-ts{color:#9ca3af;margin-bottom:3px;font-family:monospace;font-size:.78rem;font-weight:600}.osi-note-text{color:#374151;font-size:.95rem;line-height:1.55}.osi-note-add-row{background:#fafafa;border-top:1px solid #f0f0f0;gap:8px;padding:10px 14px;display:flex}.osi-note-input-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:6px;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:flex}.osi-notes-from .osi-note-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.osi-notes-to .osi-note-input-wrap:focus-within{border-color:#d81b7a;box-shadow:0 0 0 3px #d81b7a14}.osi-note-input-icon{color:#d1d5db;font-size:.8rem}.osi-note-input{color:#33202e;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:.78rem}.osi-note-input:disabled{cursor:not-allowed;color:#9ca3af}.osi-note-submit{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 14px;font-size:.74rem;font-weight:700;transition:all .18s}.osi-note-submit:disabled{opacity:.4;cursor:not-allowed}.osi-note-submit-from{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 2px 8px #2563eb4d}.osi-note-submit-to{color:#fff;background:linear-gradient(135deg,#9d174d,#d81b7a);box-shadow:0 2px 8px #d81b7a4d}.osi-note-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}@media (width<=760px){.osi-pair-wrap{grid-template-columns:1fr}.osi-connector{flex-direction:row;width:auto;height:60px;padding:0 20px}.osi-connector-line{width:auto;height:2px;min-height:unset;background:linear-gradient(90deg,#0000,#fbbf2459,#0000);flex:1;min-width:30px}.osi-connector-badge:before{content:"→"}.osi-connector-date{writing-mode:horizontal-tb}.osi-notes-grid,.osi-view-grid{grid-template-columns:1fr}}.site-header{border-bottom:3px solid var(--primary);z-index:200;background:#fff;position:sticky;top:0;box-shadow:0 2px 16px #d81b7a1f}.site-header-inner{align-items:center;gap:24px;max-width:1180px;height:72px;margin:0 auto;padding:0 24px;display:flex}.site-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}@keyframes logoHSpin{0%{transform:perspective(400px)rotateY(0)}40%{transform:perspective(400px)rotateY(360deg)}to{transform:perspective(400px)rotateY(360deg)}}.site-logo-heart{object-fit:contain;width:auto;height:52px}.site-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #d81b7a2e)drop-shadow(0 1px 3px #0000001a);max-width:280px;max-height:58px;animation:8s ease-in-out infinite logoHSpin}.site-logo-fallback{align-items:center;gap:10px;display:flex}.site-logo-icon{font-size:28px}.site-logo-name{color:var(--primary);font-size:18px;font-weight:800}.site-logo-tag{color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;font-size:9.5px}.site-nav{flex:1;justify-content:center;gap:2px;display:flex}.snav-link{color:var(--text-secondary);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.snav-link:hover{color:var(--primary);background:var(--primary-bg)}.snav-link.active{color:var(--primary);background:var(--primary-bg);border-bottom:2px solid var(--primary)}.site-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.site-btn-outline{border:2px solid var(--primary);color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s}.site-btn-outline:hover{background:var(--primary-bg)}.site-btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--yellow);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 3px 10px #d81b7a4d}.site-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.site-user{align-items:center;gap:10px;display:flex}.site-user-name{color:var(--text);font-size:13.5px;font-weight:700}.site-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:6px;display:none}.site-hamburger span{background:var(--primary);border-radius:2px;width:23px;height:2.5px;transition:all .25s;display:block}.mobile-menu{border-top:2px solid var(--primary-bg);background:#fff;flex-direction:column;padding:8px 0;display:none}.mmenu-link{color:var(--text);border-left:3px solid #0000;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;display:block}.mmenu-link:hover,.mmenu-link.active{background:var(--primary-bg);color:var(--primary);border-left-color:var(--primary)}.mmenu-actions{gap:10px;padding:14px 24px;display:flex}.mmenu-actions .site-btn-outline,.mmenu-actions .site-btn-primary{text-align:center;flex:1}@media (width<=768px){.site-nav,.site-header-actions{display:none}.site-hamburger,.mobile-menu{display:flex}.site-logo-img{max-width:200px;max-height:48px}}.site-user-menu{position:relative}.site-user-trigger{color:#d81b7a;cursor:pointer;background:#fff;border:1.5px solid #e3d9cc;border-radius:24px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.site-user-trigger:hover{background:#fff0f7;border-color:#d81b7a}.site-user-caret{font-size:10px;transition:transform .15s}.site-user-caret.open{transform:rotate(180deg)}.site-user-dropdown{z-index:100;background:#fff;border:1px solid #ece6dd;border-radius:12px;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 30px #00000024}.site-user-dropdown button{text-align:left;color:#33202e;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-family:inherit;font-size:13.5px}.site-user-dropdown button:hover{color:#d81b7a;background:#fff0f7}.site-footer{color:#ffffffbf;border-top:4px solid var(--yellow);background:linear-gradient(#880e4f 0%,#560330 100%);margin-top:auto}.site-footer-inner{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;max-width:1180px;margin:0 auto;padding:52px 24px 36px;display:grid}.footer-logo{color:var(--yellow);align-items:center;gap:8px;margin-bottom:10px;font-size:20px;font-weight:800;display:flex}.footer-logo-img{object-fit:contain;filter:brightness(1.1);max-height:60px}.footer-desc{color:#ffffffeb;margin-bottom:18px;font-size:13.5px;line-height:1.7}.footer-social{gap:10px;display:flex}.fsocial{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;text-decoration:none;transition:all .2s;display:flex}.fsocial:hover{background:var(--primary);border-color:var(--primary)}.footer-col h4{color:var(--yellow);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:12px;font-weight:800}.footer-col a,.footer-col span{color:#ffffffeb;padding:4px 0;font-size:13.5px;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--yellow)}.footer-contact-item{color:#ffffffeb;gap:8px;padding:5px 0;font-size:13px;display:flex}.footer-contact-item span:first-child{flex-shrink:0}.footer-bottom{color:#fffc;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1180px;margin:0 auto;padding:16px 24px;font-size:12.5px;display:flex}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:#fffc;text-decoration:none}.footer-bottom-links a:hover{color:var(--yellow)}@media (width<=900px){.site-footer-inner{grid-template-columns:1fr 1fr}}@media (width<=600px){.site-footer-inner{grid-template-columns:1fr;gap:28px;padding:32px 20px 24px}.footer-bottom{text-align:center;flex-direction:column}}.site-popup-overlay{z-index:4000;background:#140810b8;justify-content:center;align-items:center;padding:20px;animation:.25s site-popup-fade;display:flex;position:fixed;inset:0}@keyframes site-popup-fade{0%{opacity:0}to{opacity:1}}.site-popup-box{background:#fff;border-radius:18px;width:100%;max-width:480px;max-height:90vh;animation:.3s cubic-bezier(.18,.89,.32,1.28) site-popup-pop;position:relative;overflow:auto;box-shadow:0 24px 70px #0006}@keyframes site-popup-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.site-popup-close{z-index:2;cursor:pointer;color:#fff;background:#0000008c;border:none;border-radius:50%;width:34px;height:34px;font-size:1rem;line-height:1;position:absolute;top:10px;right:10px}.site-popup-close:hover{background:#d81b7a}.site-popup-content{justify-content:center;align-items:center;display:flex}.site-popup-media{object-fit:contain;border-radius:18px;width:100%;max-height:75vh;display:block}.site-popup-msg{text-align:center;padding:34px 32px 30px}.site-popup-msg-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:240px;margin-bottom:18px}.site-popup-msg-title{color:#d81b7a;margin:0 0 14px;font-size:1.8rem;font-weight:800}.site-popup-msg-en{color:#2e1622;margin:0 0 12px;font-size:1.08rem;line-height:1.6}.site-popup-msg-te{color:#4a2238;margin:0;font-size:1.18rem;font-weight:600;line-height:1.7}.site-popup-nav{justify-content:center;align-items:center;gap:14px;padding:12px 0 16px;display:flex}.site-popup-arrow{cursor:pointer;color:#d81b7a;background:#fdf2f8;border:none;border-radius:50%;width:34px;height:34px;font-size:1.3rem;line-height:1}.site-popup-arrow:hover{color:#fff;background:#d81b7a}.site-popup-dots{gap:7px;display:inline-flex}.site-popup-dot{cursor:pointer;background:#e9d5e4;border-radius:50%;width:9px;height:9px}.site-popup-dot.active{background:#d81b7a}.website-layout{flex-direction:column;min-height:100vh;display:flex}.website-main{flex:1}.erp-navbar:before{content:"";background:linear-gradient(90deg,#d81b7a 0%,#ff8f00 60%,#ffd54f 100%);height:4px;display:block}.erp-navbar{z-index:500;background:#fff;position:fixed;top:0;left:0;right:0;overflow:visible;box-shadow:0 1px #f0e8ed,0 4px 24px #00000012}.erp-nav-inner{align-items:center;gap:2px;height:68px;padding:0 18px;display:flex}.erp-brand{z-index:3;background:#fff;border-right:1.5px solid #f0e8ed;flex-shrink:0;align-items:center;gap:8px;margin-right:12px;padding-right:14px;display:flex;position:relative}.erp-brand-logo-static{object-fit:contain;filter:drop-shadow(0 2px 8px #d81b7a2e);flex-shrink:0;width:auto;height:50px}.erp-brand-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #d81b7a2e)drop-shadow(0 1px 3px #0000001a);width:auto;height:52px;animation:8s ease-in-out infinite logoHSpin}.erp-brand-fallback{font-size:32px}.erp-nav-links{flex:1;justify-content:flex-end;align-items:center;gap:2px;min-width:0;height:100%;display:flex;overflow:visible}.erp-nav-link{color:#6b7280;white-space:nowrap;cursor:pointer;letter-spacing:.1px;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:color .18s,background .18s;display:inline-flex;position:relative}.erp-nav-link:hover{color:#d81b7a;background:#fff0f7}.erp-nav-link.active{color:#d81b7a;background:#fff0f7;font-weight:700}.erp-nav-link.active:after{content:"";background:#ff8f00;border-radius:2px 2px 0 0;width:28px;height:3px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.enl-icon{font-size:14px;line-height:1}.enl-arrow{opacity:.5;border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:7px;height:7px;margin-left:4px;transition:transform .2s,opacity .2s;display:inline-block;transform:rotate(45deg)translateY(-2px)}.erp-nav-link.drop-open .enl-arrow{opacity:.85;transform:rotate(225deg)translateY(-2px)}.erp-nav-link.drop-open{color:#d81b7a;background:#fff0f7}.erp-dropdown-wrap{flex-shrink:0;align-items:center;height:100%;display:flex;position:relative}.erp-dropdown{z-index:9999;background:#fff;border:1px solid #f0e8ed;border-top:3px solid #d81b7a;border-radius:0 0 12px 12px;min-width:230px;padding:6px 6px 8px;animation:.16s cubic-bezier(.22,1,.36,1) dropFade;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 48px #0000001a,0 4px 12px #d81b7a14}.erp-dropdown-wrap:nth-last-child(-n+2) .erp-dropdown{left:auto;right:0}@keyframes dropFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.erp-drop-link{color:#6b7280;border-radius:7px;align-items:center;gap:10px;padding:8px 13px;font-size:13px;font-weight:500;text-decoration:none;transition:background .14s,color .14s;display:flex}.erp-drop-link .enl-icon{font-size:15px}.erp-drop-link:hover{color:#d81b7a;background:#fff0f7}.erp-drop-link.active{color:#d81b7a;background:linear-gradient(90deg,#fff0f7,#fff8fe);border-left:3px solid #ff8f00;padding-left:10px;font-weight:700}.erp-nav-divider{background:#f0e8ed;flex-shrink:0;width:1px;height:32px;margin:0 10px}.erp-nav-right{flex-shrink:0;align-items:center;gap:10px;margin-left:6px;display:flex}.erp-user-wrap{flex-shrink:0;position:relative}.erp-user-chip{cursor:pointer;background:#fff0f7;border:1.5px solid #f8bbd0;border-radius:30px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-family:inherit;transition:box-shadow .2s,background .2s;display:flex}.erp-user-chip:hover,.erp-user-chip.open{background:#ffe4f0;box-shadow:0 2px 12px #d81b7a26}.erp-user-av{color:#fff;background:linear-gradient(135deg,#d81b7a 0%,#ff8f00 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:flex;box-shadow:0 2px 8px #d81b7a4d}.erp-user-name{color:#d81b7a;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12.5px;font-weight:700;overflow:hidden}.erp-user-arrow{opacity:.6;border-bottom:2px solid #d81b7a;border-right:2px solid #d81b7a;flex-shrink:0;width:6px;height:6px;margin-left:4px;transition:transform .2s,opacity .2s;display:inline-block;transform:rotate(45deg)translateY(-2px)}.erp-user-arrow.up{transform:rotate(225deg)translateY(2px)}.erp-user-chip.open .erp-user-arrow{opacity:1}.erp-user-dropdown{z-index:9999;background:#fff;border:1px solid #f0e8ed;border-top:3px solid #d81b7a;border-radius:0 0 12px 12px;min-width:210px;animation:.16s cubic-bezier(.22,1,.36,1) dropFade;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000001a,0 4px 12px #d81b7a14}.erp-user-dd-header{background:linear-gradient(135deg,#fff0f7,#fff8fe);align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.erp-user-dd-av{color:#fff;background:linear-gradient(135deg,#d81b7a,#ff8f00);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:flex;box-shadow:0 2px 8px #d81b7a40}.erp-user-dd-name{color:#1f1f2e;font-size:13.5px;font-weight:700}.erp-user-dd-role{color:#d81b7a;margin-top:1px;font-size:11.5px;font-weight:600}.erp-user-dd-divider{background:#f0e8ed;height:1px;margin:0}.erp-user-dd-item{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .14s,color .14s;display:flex}.erp-user-dd-item:hover{color:#d81b7a;background:#fff0f7}.erp-user-dd-logout{color:#dc2626}.erp-user-dd-logout:hover{color:#dc2626;background:#fef2f2}.erp-hamburger{cursor:pointer;background:0 0;border:1.5px solid #f8bbd0;border-radius:8px;flex-direction:column;flex-shrink:0;gap:5px;padding:7px;transition:background .15s;display:none}.erp-hamburger:hover{background:#fff0f7}.erp-hamburger span{background:#d81b7a;border-radius:2px;width:20px;height:2px;transition:all .25s;display:block}.erp-hamburger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.erp-hamburger.is-open span:nth-child(2){opacity:0}.erp-hamburger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.erp-mobile-nav{background:#fff;border-top:1px solid #f0e8ed;flex-direction:column;gap:2px;max-height:80vh;padding:10px 12px 18px;display:flex;overflow-y:auto}.erp-mobile-link{color:#6b7280;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.erp-mobile-link:hover{color:#d81b7a;background:#fff0f7}.erp-mobile-link.active{color:#d81b7a;background:#fff0f7;border-left:3px solid #ff8f00;padding-left:11px;font-weight:700}.erp-mobile-group{flex-direction:column;display:flex}.erp-mobile-parent{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.erp-mobile-parent:hover{color:#d81b7a;background:#fff0f7}.erp-mobile-parent.active{color:#d81b7a}.erp-mobile-parent.expanded{color:#d81b7a;background:#fff0f7}.mob-arrow{opacity:.45;border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:7px;height:7px;margin-left:auto;transition:transform .2s,opacity .2s;display:inline-block;transform:rotate(45deg)translateY(-2px)}.mob-arrow.up{opacity:.8;transform:rotate(225deg)translateY(2px)}.erp-mobile-children{border-left:3px solid #ff8f00;flex-direction:column;gap:1px;margin:3px 0 5px 32px;padding-left:14px;display:flex}.erp-mobile-child{color:#9ca3af;border-radius:7px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.erp-mobile-child:hover{color:#d81b7a;background:#fff0f7}.erp-mobile-child.active{color:#d81b7a;font-weight:700}.erp-mobile-logout{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#ff8f00,#ffb300);border:none;border-radius:9px;margin-top:10px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 2px 8px #ff8f0047}@media (width<=1600px){.enl-icon{display:none}.erp-nav-link{gap:3px;padding:6px 9px;font-size:13.8px}.erp-brand-logo{height:46px}.erp-brand-logo-static{height:44px}}@media (width<=1500px){.erp-nav-link{gap:3px;padding:6px 7px;font-size:13.5px}.erp-brand-logo{height:42px}.erp-brand-logo-static{height:40px}.erp-user-name{max-width:110px}}@media (width<=1400px){.erp-nav-link{padding:5px 6px;font-size:13px}.erp-nav-inner{padding:0 14px}.erp-brand{margin-right:8px;padding-right:10px}.erp-brand-logo{height:40px}.erp-brand-logo-static{height:38px}.erp-user-name{max-width:92px}}@media (width<=1280px){.erp-nav-link{padding:5px 8px;font-size:13.5px}.erp-user-name{display:none}.erp-user-chip{padding:4px}.erp-brand{margin-right:10px;padding-right:14px}.erp-brand-logo,.erp-brand-logo-static{height:48px}}@media (width<=1100px){.erp-nav-link{padding:5px 6px;font-size:13px}.erp-logout-btn{padding:6px 10px;font-size:11.5px}.erp-nav-inner{gap:1px;padding:0 12px}}@media (width<=1024px){.erp-nav-links,.erp-nav-divider{display:none}.erp-hamburger{display:flex}.erp-user-name,.erp-logout-text{display:none}.erp-logout-btn{padding:7px 11px}.erp-brand-logo{height:50px;display:none}.enl-icon{display:inline}}@media (width<=480px){.erp-nav-inner{padding:0 12px}.erp-user-chip{display:none}}.erp-notif-wrap{margin-right:6px;position:relative}.erp-notif-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:20px;line-height:1;transition:background .15s;position:relative}.erp-notif-btn:hover{background:#fdf2f8}.erp-notif-badge{color:#fff;background:#dc2626;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.erp-notif-dropdown{z-index:600;background:#fff;border:1px solid #f0e0ea;border-radius:12px;flex-direction:column;width:340px;max-height:480px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}.erp-notif-header{color:#374151;background:#fdf8fb;border-bottom:1px solid #fce7f3;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.erp-notif-badge-sm{color:#fff;background:#dc2626;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.erp-notif-mark-all{color:#d81b7a;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.erp-notif-list{flex:1;overflow-y:auto}.erp-notif-empty{text-align:center;color:#9ca3af;padding:28px 16px;font-size:13px}.erp-notif-item{border-bottom:1px solid #f9f0f5;padding:10px 14px;transition:background .12s}.erp-notif-item:hover{background:#fdf4f8}.erp-notif-item.unread{background:#fff0f8;border-left:3px solid #d81b7a}.erp-notif-type{color:#d81b7a;margin-bottom:3px;font-size:11.5px;font-weight:700}.erp-notif-msg{color:#374151;margin-bottom:4px;font-size:12.5px;line-height:1.45}.erp-notif-meta{color:#9ca3af;justify-content:space-between;align-items:center;font-size:11px;display:flex}.erp-notif-del{color:#d1d5db;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1;transition:color .12s}.erp-notif-del:hover{color:#dc2626}.erp-notif-actions{gap:8px;margin:6px 0 4px;display:flex}.erp-notif-approve,.erp-notif-reject{cursor:pointer;border:none;border-radius:7px;flex:1;padding:6px 8px;font-size:11.5px;font-weight:700;transition:filter .15s}.erp-notif-approve{color:#b91c1c;background:#fee2e2}.erp-notif-reject{color:#4b5563;background:#f3f4f6}.erp-notif-approve:hover,.erp-notif-reject:hover{filter:brightness(.96)}.erp-banner{background:#c8a84b;width:100%;line-height:0}.erp-banner-img{object-fit:fill;width:100%;height:auto;display:block}.erp-banner-fallback{background:linear-gradient(135deg,#c8a84b 0%,#e6c96a 50%,#c8a84b 100%);border-bottom:3px solid #8b6914;align-items:center;gap:20px;padding:16px 28px;display:flex}.ebf-logo{flex-shrink:0;font-size:48px}.ebf-info{flex:1}.ebf-title{color:#7b1040;margin-bottom:4px;font-family:Georgia,serif;font-size:22px;font-weight:900}.ebf-addr,.ebf-contact{color:#4a3000;margin-bottom:2px;font-size:13px;font-weight:600}.ebf-email{color:#4a3000;font-size:12px}@media (width<=768px){.erp-banner-img{max-height:100px}.ebf-title{font-size:16px}.ebf-addr,.ebf-contact,.ebf-email{font-size:11px}}@media (width<=480px){.erp-banner-img{max-height:72px}.erp-banner-fallback{gap:10px;padding:10px 14px}.ebf-logo{font-size:32px}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-body{flex-direction:column;flex:1;margin-top:76px;display:flex}.main-content{background:#f7f0f4 radial-gradient(circle at 1px 1px,#d81b7a0a 1px,#0000 0) 0 0/28px 28px;flex:1;min-height:calc(100vh - 76px);padding:28px 24px 36px}.layout-footer{text-align:center;color:#9ca3af;letter-spacing:.01em;background:#fff;border-top:1px solid #f0e6f0;padding:14px 20px;font-size:.78rem}.layout-footer-brand{color:#d81b7a;font-weight:600}@media (width<=768px){.main-content{padding:16px}.layout-footer{font-size:.72rem}}.erp-login-page{background:var(--bg);min-height:100vh;display:flex}.erp-login-left{background:linear-gradient(145deg,#c2185b 0%,#ad1463 50%,#880e4f 100%);justify-content:center;align-items:center;width:42%;padding:40px;display:flex;position:relative;overflow:hidden}.eleft-content{z-index:2;color:#fff;text-align:center;position:relative}.eleft-logo-img{object-fit:contain;filter:drop-shadow(0 4px 16px #0000004d);max-width:220px;max-height:120px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:block}.eleft-logo-fallback{margin-bottom:12px;font-size:56px;display:block}.eleft-title{color:var(--yellow);margin-bottom:4px;font-size:24px;font-weight:800}.eleft-sub{color:#fff9;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:32px;font-size:12px}.eleft-features{text-align:left;margin-bottom:28px}.eleft-feat{color:#ffffffd9;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.eleft-feat:last-child{border-bottom:none}.eleft-feat span{font-size:16px}.eleft-badge{color:var(--yellow);background:#ffd60033;border:1px solid #ffd60080;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:700;display:inline-flex}.eleft-badge:before{content:"🛡️"}.eleft-circles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.circle{border:1px solid #ffffff0f;border-radius:50%;position:absolute}.c1{width:320px;height:320px;bottom:-80px;right:-80px}.c2{width:200px;height:200px;top:-40px;right:40px}.c3{width:120px;height:120px;bottom:80px;left:-30px}.erp-login-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.erp-form-wrap{width:100%;max-width:400px}.erp-form-header{text-align:center;margin-bottom:28px}.erp-form-icon{margin-bottom:10px;font-size:40px}.erp-form-header h2{color:var(--primary);margin-bottom:4px;font-size:24px;font-weight:800}.erp-form-header p{color:var(--text-secondary);font-size:13.5px}.login-alert{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);border:1px solid #fecaca;margin-bottom:18px;padding:11px 14px;font-size:13px}.erp-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--primary);font-size:13px;font-weight:700}.input-wrap{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #d81b7a1f}.input-icon{flex-shrink:0;padding:10px 12px;font-size:15px}.input-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:11px 8px;font-family:inherit;font-size:14px}.show-pass{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:10px 12px;font-size:15px}.login-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);width:100%;color:var(--yellow);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition), transform var(--transition);letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 16px #d81b7a4d}.login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.demo-creds{background:var(--yellow-light);border:1px solid var(--yellow-border);border-radius:var(--radius-sm);margin-top:24px;padding:14px 16px}.demo-label{color:var(--yellow-dark);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:800}.demo-row{color:var(--text-secondary);align-items:center;gap:10px;padding:3px 0;font-size:12.5px;display:flex}.demo-row span{min-width:60px;font-weight:700}.demo-row code{color:var(--text);border:1px solid var(--yellow-border);background:#ff8f0026;border-radius:4px;padding:2px 8px;font-size:12px}.login-footer-links{text-align:center;margin-top:18px}.footer-link{color:var(--primary);font-size:13px;font-weight:600}.footer-link:hover{text-decoration:underline}.otp-steps{justify-content:center;align-items:center;gap:0;margin-bottom:24px;display:flex}.otp-step{flex-direction:column;align-items:center;gap:5px;display:flex}.otp-step-dot{color:#9ca3af;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.otp-step.active .otp-step-dot{color:#fff;background:#d81b7a;border-color:#d81b7a}.otp-step span{color:#9ca3af;font-size:11px;font-weight:600}.otp-step.active span{color:#d81b7a}.otp-step-line{background:#e5e7eb;flex:1;min-width:40px;height:2px;margin:0 8px 18px}.otp-timer{color:#d81b7a;background:#fdf2f8;border-left:1px solid #e5e7eb;flex-shrink:0;padding:4px 10px;font-family:monospace;font-size:12px;font-weight:700}.otp-expired{color:#dc2626;margin:4px 0 0;font-size:12px}.otp-footer-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.otp-link{cursor:pointer;color:#d81b7a;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.otp-link:hover:not(:disabled){text-decoration:underline}.otp-link:disabled{opacity:.5;cursor:not-allowed}.login-success{color:#065f46;border-radius:var(--radius-sm);background:#d1fae5;border:1px solid #6ee7b7;margin-bottom:18px;padding:11px 14px;font-size:13px}.erp-login-tabs{border:2px solid #fce7f3;border-radius:10px;margin-bottom:28px;display:flex;overflow:hidden}.erp-login-tab{color:#9ca3af;cursor:pointer;background:#fff;border:none;flex:1;padding:11px 8px;font-size:13.5px;font-weight:700;transition:background .18s,color .18s}.erp-login-tab.active{color:#fff;background:linear-gradient(135deg,#d81b7a,#b5006e)}.erp-login-tab:not(.active):hover{color:#d81b7a;background:#fdf2f8}.pwd-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:10px 12px;font-size:15px;line-height:1}.login-btn-emp{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 16px #7c3aed4d}@media (width<=768px){.erp-login-page{flex-direction:column}.erp-login-left{width:100%;min-height:unset;padding:28px 24px}.eleft-features{display:none}.eleft-sub{margin-bottom:12px}}