:root{--bg:#fff5f7;--panel:#ffeef3;--card:#fff1f4;--muted:#585858;--accent:#ff6b6b;--accent-2:#ff8b8b;--glass:rgba(0,0,0,0.02);--text:#111}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(180deg,#fff5f8,#ffeef6 40%);margin:0;color:var(--text);min-height:100vh}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,.06);-webkit-appearance:none;appearance:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(255,107,107,.14);outline-offset:2px}.erp-header{padding:18px 16px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 8px 40px rgba(0,0,0,.06);position:relative;contain:layout}.brand,.erp-container{display:flex;align-items:center}.erp-container{max-width:1200px;margin:0 auto;gap:20px}.brand{gap:12px}.brand-logo{height:44px;width:44px;border-radius:10px;object-fit:contain;border:2px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.brand-title{font-weight:700;font-size:1.05rem}.brand-sub{font-size:.9rem;color:rgba(0,0,0,.55)}.erp-nav{margin-left:24px;display:flex;gap:10px;align-items:center;z-index:3;overflow-x:auto;-webkit-overflow-scrolling:touch;contain:layout}.erp-nav button{background:0 0;border:0;padding:10px 14px;cursor:pointer;font-weight:700;opacity:.98;display:inline-flex;align-items:center;gap:8px;min-height:40px;min-width:auto;transition:all .15s ease;will-change:transform,background-color}.erp-nav button:hover{transform:translateY(-2px)}.erp-nav button.active{background:rgba(255,255,255,.14);box-shadow:inset 0-2px 0 rgba(0,0,0,.12);color:#fff}.erp-header>div[style]{position:absolute;right:18px;top:10px;z-index:2}.card small,main{color:var(--muted)}main{max-width:1200px;margin:22px auto;padding:0 18px}.cards{display:flex;gap:14px;margin:10px 0;flex-wrap:wrap}.card,main{contain:layout}.card{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.6));padding:18px;border-radius:12px;flex:1;min-width:200px;box-shadow:0 8px 28px rgba(0,0,0,.08);text-align:left;border:1px solid rgba(0,0,0,.08);min-height:90px}.card strong{font-size:1.6rem;color:var(--text)}.card small{margin-top:6px}.view{display:none}.card small,.card strong,.view.active{display:block}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.erp-nav button,.toolbar button,.toolbar input{border-radius:10px;color:var(--text)}.toolbar input{flex:1;padding:10px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02);min-width:200px;font-size:14px;will-change:border-color}.toolbar button{padding:8px 12px;border:0;background:rgba(0,0,0,.04);cursor:pointer;font-weight:600;transition:all .12s ease;will-change:transform,background-color;white-space:nowrap}.toolbar button:active{transform:scale(.98)}.flex-1{flex:1}.min-w-0{min-width:0}.min-w-150{min-width:150px}.min-w-180{min-width:180px}.min-w-220{min-width:220px}.min-w-260{min-width:260px}.min-w-300{min-width:300px}.min-w-320{min-width:320px}.max-w-420{max-width:420px}.w-100,table{width:100%}@media (max-width:900px){.min-w-150,.min-w-180,.min-w-220,.min-w-260,.min-w-300,.min-w-320{min-width:0!important}.max-w-420{max-width:100%!important}}table{border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#fff9fb,#fff6f8);border:1px solid rgba(0,0,0,.06);contain:layout}th{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.95));font-weight:700}td,th{padding:12px;border-bottom:1px solid rgba(0,0,0,.06);text-align:left;color:var(--text)}tbody tr{transition:background .12s ease}tbody tr:hover{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.03))}tbody tr:nth-child(odd){background:rgba(0,0,0,.008)}tbody tr:nth-child(even){background:0 0}.actions button{margin-right:6px;padding:6px 8px;border-radius:8px;border:0;background:rgba(0,0,0,.04);color:var(--text);cursor:pointer;transition:all .15s ease;will-change:transform}.actions button:active{transform:scale(.96)}@media (max-width:900px){.cards{flex-direction:column}}@media (max-width:800px){.erp-container{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:8px}.erp-nav{margin-left:0;width:100%;overflow-x:auto;padding:6px 4px;gap:8px}.erp-nav button{min-width:110px;padding:10px 12px;border-radius:8px}.erp-header>div[style]{position:static;align-self:flex-end;display:flex;flex-direction:row;gap:8px}}@media (max-width:900px){.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{min-width:0;width:100%}.toolbar button{flex:none;width:auto}.view{padding-left:8px;padding-right:8px}table{min-width:640px;display:block}.card,.log-panel,.view{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:420px){.brand-title{font-size:.98rem}.brand-logo{height:40px;width:40px}.erp-nav button{padding:10px;border-radius:8px;font-size:.95rem}.modal-content{width:96%}}#erpReauthModal .modal-content,#erpSettingsModal .modal-content{max-width:560px}.locked main,.log-entry,.log-panel{contain:layout}@media (max-width:760px){.log-entry{grid-template-columns:120px 1fr;grid-template-rows:auto auto}.log-entry .details{grid-column:1/-1}}.locked main{filter:blur(1px) saturate(.9);pointer-events:none;opacity:.5}footer{max-width:1200px;margin:18px auto;padding:8px 18px;color:var(--muted);text-align:center;font-size:13px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;z-index:9999;contain:layout}.modal-content{background:linear-gradient(180deg,#fff9fb,#fff6f8);padding:18px;border-radius:12px;min-width:320px;max-width:720px;position:relative;border:1px solid rgba(0,0,0,.06);max-height:90vh;overflow-y:auto;contain:content}.modal-close{position:absolute;right:8px;top:8px;border:0;background:0 0;font-size:20px;cursor:pointer;color:var(--muted);padding:4px 8px;transition:color .2s;-webkit-appearance:none;appearance:none}.modal-close:hover{color:#333}form .row{margin-bottom:10px}form .row input,form .row select,form .row textarea{width:100%;padding:10px;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:0 0;color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}form .row input:focus,form .row select:focus,form .row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,107,107,.1)}@media (max-width:900px){.cards{flex-direction:column}}@media (max-width:800px){.erp-container{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:8px}.erp-nav{margin-left:0;width:100%;overflow-x:auto;padding:6px 4px;gap:8px}.erp-nav button{min-width:110px;padding:10px 12px;border-radius:8px}.erp-header>div[style]{position:static;align-self:flex-end;display:flex;flex-direction:row;gap:8px}}@media (max-width:900px){.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{min-width:0;width:100%}.toolbar button{flex:none;width:auto}.view{padding-left:8px;padding-right:8px}table{min-width:640px;display:block}.card,.log-panel,.view{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:420px){.brand-title{font-size:.98rem}.brand-logo{height:40px;width:40px}.erp-nav button{padding:10px;border-radius:8px;font-size:.95rem}.modal-content{width:96%}}.log-panel{background:linear-gradient(180deg,#fff9fb,#fff6f8);padding:12px;border-radius:10px;box-shadow:0 8px 26px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06)}.log-entry{display:grid;grid-template-columns:160px 80px 1fr 120px;gap:12px;padding:10px;border-bottom:1px solid rgba(0,0,0,.06);font-size:13px;color:var(--text)}.log-entry .ts{color:var(--muted);font-size:12px}.log-entry.incoming{background:linear-gradient(90deg,rgba(34,255,120,.02),transparent)}.log-entry.outgoing{background:linear-gradient(90deg,rgba(34,144,255,.02),transparent)}.log-entry.error{background:linear-gradient(90deg,rgba(255,100,100,.03),transparent)}.log-entry .action{font-weight:700;color:var(--accent)}.log-actions{display:flex;gap:8px;align-items:center}.log-empty{color:var(--muted);padding:12px}@media (max-width:760px){.log-entry{grid-template-columns:120px 1fr;grid-template-rows:auto auto}.log-entry .details{grid-column:1/-1}}.muted{color:var(--muted)}.btn-ghost,.btn-primary{color:#fff;border-radius:8px}.btn-primary{background:var(--accent);padding:8px 12px;border:0;font-weight:700}.btn-ghost{background:0 0;border:1px solid rgba(255,255,255,.06);padding:6px 10px}