#p360,.p360-login{--p360-ink:#201a58;--p360-bg:#f6f8fc;--p360-line:#e2e7f3;max-width:1200px;margin:0 auto;padding:16px 16px 92px;color:var(--p360-ink);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;box-sizing:border-box}#p360 *{box-sizing:border-box}#p360 h1,#p360 h2,#p360 h3{line-height:1.3;color:#1c1653;margin:0 0 12px}#p360 h1{font-size:22px}#p360 h2{font-size:19px}#p360 h3{font-size:16px}#p360 a{text-decoration:none}#p360 .p360-header{display:flex;gap:14px;align-items:center;padding:17px 16px;margin-bottom:15px;background:#fff;border:1px solid var(--p360-line);border-radius:17px}#p360 .p360-header small{color:#77819b}#p360 .p360-brand{font-size:10px;letter-spacing:.9px;font-weight:850;color:#4252a8}#p360 .p360-back{flex:none;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f0efff;color:#29216a;font-size:29px}#p360 .p360-hero{padding:22px;border-radius:18px;background:linear-gradient(115deg,#1a154f,#314b9e);color:white;margin-bottom:13px}#p360 .p360-hero h2{color:#fff}#p360 .p360-hero p{margin:0;color:#e1e6ff}#p360 .p360-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}#p360 .p360-switch select{width:auto}#p360 .p360-role{margin-left:auto;border-radius:25px;background:#e7ebfb;color:#20216e;padding:6px 10px;font-size:11px;font-weight:850}#p360 .p360-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:5px 0 14px;margin-bottom:10px}#p360 .p360-nav a{white-space:nowrap;border:1px solid var(--p360-line);padding:9px 13px;border-radius:11px;background:#fff;color:#4c5277;font-weight:700;font-size:12px}#p360 .p360-nav a.active{background:#242077;border-color:#242077;color:#fff}#p360 .p360-notice{padding:13px 15px;border-radius:12px;border:1px solid #beccef;background:#eaf0ff;margin:12px 0;font-weight:700}#p360 .p360-card{padding:18px;border-radius:16px;border:1px solid var(--p360-line);background:#fff;margin-bottom:16px;min-width:0}#p360 .p360-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}#p360 .p360-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 17px}#p360 .p360-stat{display:flex;flex-direction:column;padding:17px;border-radius:15px;border:1px solid var(--p360-line);background:#fff;gap:5px}#p360 .p360-stat small{color:#77819b;font-weight:750;font-size:11px}#p360 .p360-stat strong{font-size:22px;line-height:1.3;color:#21195d;overflow-wrap:anywhere}#p360 .p360-stat span{color:#7b86a0;font-size:11px}#p360 .p360-muted{color:#66718e;font-size:12px}#p360 .p360-form{display:grid;gap:11px}#p360 .p360-form label,#p360 .p360-filter label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:720;color:#555e7b}#p360 input,#p360 select{background:#fafbff;border:1px solid #dbe2f0;border-radius:10px;padding:11px;width:100%;min-width:0;font:inherit;color:#25234d;min-height:43px}#p360 .p360-btn{cursor:pointer;background:#29217e;color:#fff;border:1px solid #29217e;border-radius:10px;padding:10px 13px;text-decoration:none;font:inherit;font-weight:750;display:inline-flex;justify-content:center;align-items:center}#p360 .p360-btn.outline{background:#fff;color:#29217e}#p360 .p360-actions{display:flex;flex-wrap:wrap;gap:10px}#p360 .p360-cartline{display:grid;grid-template-columns:minmax(0,3fr) 85px 125px;gap:7px;align-items:end;padding-bottom:12px;border-bottom:1px solid #eff1f7}#p360 .p360-filter{display:flex;gap:9px;align-items:end;flex-wrap:wrap}#p360 .p360-table-scroll{overflow-x:auto}#p360 table{width:100%;border-collapse:collapse;font-size:12px}#p360 th,#p360 td{text-align:left;vertical-align:top;padding:10px 9px;border-bottom:1px solid #ebedf3;min-width:50px}#p360 th{font-size:11px;color:#717b9d;background:#f8faff}#p360 td small{display:block;color:#828ba4;font-size:10px}#p360 td .p360-form{min-width:185px}#p360 .p360-staff{padding:12px 0;border-bottom:1px solid var(--p360-line)}#p360 .p360-staff small{display:block;color:#747f9d}#p360 .p360-check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}#p360 .p360-check input{width:auto;min-height:0}#p360 footer{color:#8a91a7;text-align:center;padding:19px 6px;font-size:11px}#p360 .p360-receipt{max-width:620px;margin:auto}@media(max-width:700px){#p360 .p360-cols{grid-template-columns:1fr}#p360 .p360-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#p360 .p360-cartline{grid-template-columns:minmax(0,1fr) 70px 105px}#p360 .p360-cartline select,#p360 .p360-cartline input{padding:8px 4px}#p360 .p360-stat strong{font-size:18px}}@media print{body *{visibility:hidden!important}#p360 .p360-receipt,#p360 .p360-receipt *{visibility:visible!important}#p360 .p360-receipt{position:absolute!important;top:0;left:0;width:100%;border:0!important}#p360 .p360-no-print{display:none!important}}
#p360 .p360-scan-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750;color:#555e7b;margin-bottom:8px}

/* v1.0.10 — responsive workspace shell. Scope all styles to this plugin. */
#p360{max-width:1450px;padding:18px 20px 90px;font-size:14px}
#p360 .p360-header{display:flex;gap:15px;align-items:center;min-height:100px;margin:0 0 18px;padding:19px 24px;border-radius:18px}
#p360 .p360-header-copy{min-width:0;flex:1}
#p360 .p360-header h1{margin:5px 0 3px;font-size:clamp(21px,2vw,27px);letter-spacing:-.5px;overflow-wrap:anywhere}
#p360 .p360-header small{font-size:12px}
#p360 .p360-back{width:42px;height:42px;align-items:center;justify-content:center}
#p360 .p360-header-role{flex:none;margin-left:auto;max-width:190px;text-align:center}
#p360 .p360-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:20px}
#p360 .p360-sidebar{min-width:0;padding:18px 12px;background:#fff;border:1px solid var(--p360-line);border-radius:17px}
#p360 .p360-sidebar-heading{display:block;padding:0 13px 10px;font-size:10px;font-weight:850;letter-spacing:1.5px;color:#8991ac}
#p360 .p360-nav{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;overflow:visible}
#p360 .p360-nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 12px;border:1px solid transparent;background:transparent;border-radius:10px;font-size:13px;font-weight:680;white-space:normal;color:#4c5277;transition:background .15s,color .15s}
#p360 .p360-nav a:hover{background:#f0f3fc;color:#221d66}
#p360 .p360-nav a.active{background:#282077;color:#fff;border-color:#282077;box-shadow:0 3px 8px rgba(33,28,103,.13)}
#p360 .p360-nav-icon{flex:none}
#p360 .p360-content{min-width:0}
#p360 .p360-content>.p360-hero{margin:0 0 16px;padding:25px 27px}
#p360 .p360-content>.p360-hero h2{font-size:21px;margin:0 0 6px}
#p360 .p360-content>.p360-hero p{font-size:13px}
#p360 .p360-switch{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 17px;padding:12px 17px;background:#fff;border:1px solid var(--p360-line);border-radius:14px}
#p360 .p360-switch label{font-size:12px;font-weight:750;color:#606c87;white-space:nowrap}
#p360 .p360-switch form{margin:0;min-width:180px;max-width:360px;flex:1}
#p360 .p360-switch select{width:100%;margin:0;min-height:40px;padding:8px 12px}
#p360 .p360-stats{margin-top:0}
#p360 .p360-stat{min-width:0}
#p360 .p360-stat strong{font-size:clamp(18px,1.8vw,25px)}
#p360 .p360-card{min-width:0}
#p360 :is(a,button,select,input):focus-visible{outline:3px solid #97b5ff;outline-offset:2px}
@media(min-width:901px){
  #p360 .p360-back{display:none}
  #p360 .p360-sidebar{position:sticky;top:20px}
}
@media(max-width:900px){
  #p360{padding:12px 12px 80px}
  #p360 .p360-header{padding:16px;min-height:86px}
  #p360 .p360-header h1{font-size:21px}
  #p360 .p360-header-role{font-size:10px;max-width:110px}
  #p360 .p360-layout{display:block}
  #p360 .p360-sidebar{padding:0;border:0;background:transparent;border-radius:0;position:static;margin:0 0 14px}
  #p360 .p360-sidebar-heading{display:none}
  #p360 .p360-nav{flex-direction:row;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px 1px 10px;margin:0}
  #p360 .p360-nav a{min-height:40px;white-space:nowrap;flex:none;background:#fff;border:1px solid var(--p360-line);padding:9px 12px;font-size:12px}
  #p360 .p360-nav a.active{background:#282077;color:#fff;border-color:#282077}
  #p360 .p360-nav-icon{width:15px;height:15px}
}
@media(max-width:550px){
  #p360{padding:10px 10px 78px}
  #p360 .p360-header{gap:10px;padding:14px 12px;margin-bottom:13px}
  #p360 .p360-back{width:40px;height:40px}
  #p360 .p360-brand{font-size:9px}
  #p360 .p360-header h1{font-size:19px}
  #p360 .p360-header small{font-size:11px}
  #p360 .p360-header-role{max-width:82px;font-size:9px;padding:5px 7px}
  #p360 .p360-stat{padding:12px}
  #p360 .p360-stats{gap:8px}
  #p360 .p360-content>.p360-hero{padding:18px 16px}
  #p360 .p360-switch{flex-wrap:wrap;padding:12px}
  #p360 .p360-switch form{max-width:100%}
  #p360 .p360-card{padding:14px}
}
@media print{
  #p360 .p360-sidebar,#p360 .p360-header,#p360 .p360-switch{display:none!important}
  #p360 .p360-layout{display:block!important}
}