/* =========================================================
   Nam Phuong ERP · Stable 1.37.0
   Modern UI Foundation · Clean Water Business Design System
   Visual-only layer: no business logic or database changes.
   ========================================================= */
:root{
  --np137-navy:#082638;
  --np137-navy-2:#0b344a;
  --np137-blue:#087fae;
  --np137-blue-2:#10a2cf;
  --np137-cyan:#2ac3d5;
  --np137-teal:#0d9b8e;
  --np137-green:#159a61;
  --np137-amber:#e38a20;
  --np137-red:#d94a5a;
  --np137-purple:#7658c7;
  --np137-ink:#102d3f;
  --np137-text:#29495c;
  --np137-muted:#718796;
  --np137-line:#dfeaf0;
  --np137-line-strong:#c8dce6;
  --np137-page:#f3f8fb;
  --np137-surface:#ffffff;
  --np137-soft:#f8fbfd;
  --np137-radius-sm:12px;
  --np137-radius:18px;
  --np137-radius-lg:24px;
  --np137-shadow-1:0 1px 2px rgba(12,48,68,.035),0 7px 20px rgba(20,72,99,.055);
  --np137-shadow-2:0 12px 34px rgba(11,54,77,.105);
  --np137-shadow-3:0 24px 68px rgba(5,38,57,.20);
  --np137-ease:cubic-bezier(.2,.8,.2,1);

  --np-primary:var(--np137-blue);
  --np-primary-strong:#07668e;
  --np-primary-soft:#eaf8fc;
  --np-secondary:var(--np137-teal);
  --np-success:var(--np137-green);
  --np-warning:#c87513;
  --np-danger:#c93d4d;
  --np-info:#466cc7;
  --np-ink:var(--np137-ink);
  --np-text:var(--np137-text);
  --np-muted:var(--np137-muted);
  --np-line:var(--np137-line);
  --np-line-strong:var(--np137-line-strong);
  --np-page:var(--np137-page);
  --np-card:var(--np137-surface);
  --np-card-alt:var(--np137-soft);
  --np-shadow-sm:var(--np137-shadow-1);
  --np-shadow-md:var(--np137-shadow-2);
  --np-shadow-lg:var(--np137-shadow-3);
  --np-radius:var(--np137-radius);
  --np-radius-lg:var(--np137-radius-lg);
  --np-sidebar-w:264px;
}

html{background:var(--np137-page)}
body.np137-modern{
  font-family:Inter,"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--np137-text);
  background:
    radial-gradient(circle at 100% 0,rgba(40,187,213,.105),transparent 31rem),
    radial-gradient(circle at 0 36%,rgba(8,127,174,.055),transparent 28rem),
    linear-gradient(180deg,#f8fcfe 0,#f3f8fb 32rem,#f3f8fb 100%);
  letter-spacing:-.008em;
}
body.np137-modern *{scrollbar-width:thin;scrollbar-color:#bfd2dc transparent}
body.np137-modern *::-webkit-scrollbar{width:9px;height:9px}
body.np137-modern *::-webkit-scrollbar-thumb{background:#c4d7e0;border:2px solid transparent;background-clip:padding-box;border-radius:999px}
body.np137-modern *::-webkit-scrollbar-track{background:transparent}

/* ===== Application shell ===== */
body.np137-modern .app{
  grid-template-columns:var(--np-sidebar-w) minmax(0,1fr);
  background:transparent;
}
body.np137-modern .sidebar{
  position:relative;
  isolation:isolate;
  padding:14px 11px 13px;
  background:
    radial-gradient(circle at 15% 3%,rgba(42,195,213,.25),transparent 15rem),
    radial-gradient(circle at 100% 75%,rgba(12,117,154,.22),transparent 22rem),
    linear-gradient(180deg,#0a3348 0,#082a3d 48%,#061e2e 100%);
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:10px 0 36px rgba(5,37,55,.10);
}
body.np137-modern .sidebar:after{
  content:"";
  position:absolute;
  inset:auto -60px -90px auto;
  width:220px;
  height:220px;
  border:1px solid rgba(97,222,236,.08);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(97,222,236,.025),0 0 0 70px rgba(97,222,236,.02);
  pointer-events:none;
  z-index:-1;
}
body.np137-modern .sidebar .brand{
  min-height:68px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:8px 11px 15px;
  color:#fff;
}
.np137-brand-logo{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(225,249,252,.90));
  box-shadow:0 10px 28px rgba(0,20,35,.22),inset 0 0 0 1px rgba(255,255,255,.9);
  overflow:hidden;
}
.np137-brand-logo img{width:100%;height:100%;object-fit:contain;padding:3px}
.np137-brand-copy{display:grid;min-width:0;gap:1px}
.np137-brand-copy strong{font-size:16px;line-height:1.15;letter-spacing:.005em;color:#fff}
.np137-brand-copy small{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#87c9db}
body.np137-modern .np-nav-group-label{
  margin:15px 11px 5px;
  color:#6fa5b7;
  font-size:9px;
  letter-spacing:.16em;
}
body.np137-modern .sidebar nav{gap:3px}
body.np137-modern .sidebar nav button,
body.np137-modern .logout{
  position:relative;
  min-height:43px;
  margin:0;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:12px;
  color:#cce1e9;
  font-size:13px;
  font-weight:650;
  letter-spacing:-.005em;
  overflow:hidden;
}
body.np137-modern .sidebar nav button:before{
  content:"";
  position:absolute;
  inset:5px auto 5px 0;
  width:3px;
  border-radius:999px;
  background:transparent;
  transition:background .18s ease;
}
body.np137-modern .sidebar nav button .nav-ico{
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:grid;
  place-items:center;
  margin:0 7px 0 0;
  border-radius:10px;
  background:rgba(255,255,255,.055);
  font-size:15px;
  filter:saturate(.85);
  transition:background .18s ease,transform .18s ease;
}
body.np137-modern .sidebar nav button:hover{
  color:#fff;
  background:rgba(255,255,255,.065);
  transform:none;
}
body.np137-modern .sidebar nav button:hover .nav-ico{background:rgba(255,255,255,.10);transform:scale(1.04)}
body.np137-modern .sidebar nav button.active{
  color:#fff;
  background:linear-gradient(110deg,rgba(31,164,202,.98),rgba(7,112,155,.95));
  border-color:rgba(255,255,255,.10);
  box-shadow:0 9px 24px rgba(0,35,54,.23),inset 0 1px 0 rgba(255,255,255,.08);
}
body.np137-modern .sidebar nav button.active:before{background:#b8f1f4}
body.np137-modern .sidebar nav button.active .nav-ico{background:rgba(255,255,255,.16);filter:none}
body.np137-modern .logout{
  margin-top:14px;
  color:#b9d0da;
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.055);
}
body.np137-modern .logout:hover{color:#fff;background:rgba(218,72,91,.17);border-color:rgba(255,143,157,.12)}

body.np137-modern .app>main>header{
  position:sticky;
  top:0;
  z-index:75;
  height:70px;
  flex-basis:70px;
  padding:0 clamp(16px,2vw,30px);
  background:rgba(250,253,254,.88);
  border-bottom:1px solid rgba(201,220,229,.72);
  box-shadow:0 5px 22px rgba(22,67,91,.045);
  backdrop-filter:blur(18px) saturate(140%);
}
body.np137-modern .header-avatar{
  width:42px;
  height:42px;
  flex-basis:42px;
  border-radius:14px;
  border:2px solid #fff;
  box-shadow:0 5px 16px rgba(8,100,142,.18);
}
body.np137-modern .header-user b{font-size:14px;font-weight:800;color:var(--np137-ink)}
body.np137-modern .header-user small{font-size:10.5px;color:#6d8493}
.np137-header-context{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:8px;
  max-width:35vw;
  padding:6px 11px 6px 7px;
  border:1px solid rgba(198,219,229,.8);
  border-radius:999px;
  background:rgba(255,255,255,.70);
  color:#395a6d;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  box-shadow:0 3px 12px rgba(18,62,86,.04);
}
.np137-header-context i{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#e8f7fb;font-style:normal;font-size:13px}
.np137-header-context span{overflow:hidden;text-overflow:ellipsis}
body.np137-modern .online-status{
  padding:5px 10px;
  border:1px solid #c9ead7;
  background:rgba(238,250,243,.9);
  box-shadow:0 2px 8px rgba(20,125,72,.04);
}

body.np137-modern #content{
  padding:25px clamp(16px,2.35vw,38px) 54px;
  animation:none;
}
body.np137-modern #content.np137-page-enter{animation:np137PageEnter .28s var(--np137-ease)}
@keyframes np137PageEnter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}

/* ===== Page title / actions ===== */
body.np137-modern .page-head{
  align-items:flex-end;
  min-height:62px;
  margin-bottom:18px;
  padding:0 2px;
}
body.np137-modern .np-page-title-block{gap:4px}
.np137-page-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  color:#0b779e;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.np137-page-kicker i{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(145deg,#e5f7fb,#f3fcfd);
  border:1px solid #c9e8ef;
  font-style:normal;
  font-size:12px;
  letter-spacing:0;
}
body.np137-modern .page-head h2{
  color:var(--np137-ink);
  font-size:clamp(23px,1.65vw,30px);
  font-weight:830;
  line-height:1.12;
  letter-spacing:-.035em;
}
body.np137-modern .np-page-description{font-size:12px;color:#718694;line-height:1.45}
body.np137-modern .page-head .actions{
  padding:4px;
  border:1px solid rgba(215,230,237,.82);
  border-radius:14px;
  background:rgba(255,255,255,.68);
  box-shadow:0 3px 12px rgba(18,60,82,.035);
}
body.np137-modern .page-head .actions:has(>button:only-child){padding:0;border:0;background:transparent;box-shadow:none}

/* ===== Buttons and controls ===== */
body.np137-modern button{
  border-radius:11px;
  font-weight:720;
  letter-spacing:-.008em;
  transition:transform .14s var(--np137-ease),box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
body.np137-modern button:not(:disabled):hover{transform:translateY(-1px)}
body.np137-modern button:not(:disabled):active{transform:translateY(0) scale(.985)}
body.np137-modern .primary{
  border:1px solid rgba(7,113,154,.2);
  background:linear-gradient(135deg,#0b88b7 0,#0875a5 55%,#096691 100%);
  box-shadow:0 7px 18px rgba(7,116,160,.20),inset 0 1px 0 rgba(255,255,255,.16);
}
body.np137-modern .primary:hover{background:linear-gradient(135deg,#0b94c4,#0876a6 58%,#075b83);box-shadow:0 10px 23px rgba(7,116,160,.25)}
body.np137-modern .secondary{
  color:#315468;
  border:1px solid #d5e4eb;
  background:linear-gradient(180deg,#fff,#f2f7f9);
  box-shadow:0 2px 7px rgba(23,64,85,.035);
}
body.np137-modern .secondary:hover{color:#0b6f99;border-color:#aed4e3;background:#f0fafe}
body.np137-modern .danger{border:1px solid #f2cbd1;background:#fff3f5;color:#bd3546}
body.np137-modern .danger:hover{background:#ffe9ed;border-color:#efaeb8}
body.np137-modern input,
body.np137-modern select,
body.np137-modern textarea{
  color:#24475a;
  border:1px solid #cddfe7;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(10,49,69,.025),inset 0 1px 0 rgba(255,255,255,.8);
}
body.np137-modern input:hover,
body.np137-modern select:hover,
body.np137-modern textarea:hover{border-color:#a8cbd9}
body.np137-modern input:focus,
body.np137-modern select:focus,
body.np137-modern textarea:focus{
  border-color:#48a9c9;
  box-shadow:0 0 0 4px rgba(26,156,199,.11),0 2px 7px rgba(15,84,111,.04);
}
body.np137-modern label{color:#355669;font-weight:750}

/* ===== Cards and KPI surfaces ===== */
body.np137-modern .card{
  position:relative;
  border:1px solid rgba(211,228,236,.93);
  border-radius:var(--np137-radius);
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(253,254,255,.98));
  box-shadow:var(--np137-shadow-1);
}
body.np137-modern .card:hover{border-color:#c1dbe5;box-shadow:0 9px 27px rgba(16,64,88,.075)}
body.np137-modern .cards{gap:12px}
body.np137-modern .metric{
  min-height:116px;
  padding:16px 17px 14px;
  overflow:hidden;
}
body.np137-modern .metric:before{
  left:0;
  top:0;
  right:0;
  bottom:auto;
  width:auto;
  height:3px;
  background:linear-gradient(90deg,#61c3da,#0c83b2 65%,transparent);
}
body.np137-modern .metric:after{
  content:"";
  position:absolute;
  right:-32px;
  bottom:-40px;
  width:100px;
  height:100px;
  border-radius:50%;
  background:rgba(8,127,174,.035);
  pointer-events:none;
}
body.np137-modern .metric[data-np-accent="success"]:before{background:linear-gradient(90deg,#5ed29a,#159a61 65%,transparent)}
body.np137-modern .metric[data-np-accent="success"]:after{background:rgba(21,154,97,.045)}
body.np137-modern .metric[data-np-accent="warning"]:before{background:linear-gradient(90deg,#ffc26d,#df841c 65%,transparent)}
body.np137-modern .metric[data-np-accent="warning"]:after{background:rgba(227,138,32,.05)}
body.np137-modern .metric[data-np-accent="danger"]:before{background:linear-gradient(90deg,#ff8998,#d94a5a 65%,transparent)}
body.np137-modern .metric[data-np-accent="danger"]:after{background:rgba(217,74,90,.045)}
body.np137-modern .metric[data-np-accent="purple"]:before{background:linear-gradient(90deg,#a58ce9,#7658c7 65%,transparent)}
body.np137-modern .metric[data-np-accent="purple"]:after{background:rgba(118,88,199,.045)}
body.np137-modern .metric>span:not(.np137-metric-icon){padding-right:42px;color:#6b8290;font-size:11.5px;font-weight:750}
body.np137-modern .metric>strong{margin-top:8px;color:var(--np137-ink);font-size:clamp(22px,1.8vw,29px);font-weight:850;letter-spacing:-.035em}
body.np137-modern .metric>small{margin-top:6px;color:#7b909d;font-size:10.5px}
.np137-metric-icon{
  position:absolute;
  top:13px;
  right:13px;
  width:37px;
  height:37px;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border:1px solid #d9ebf1;
  border-radius:12px;
  background:linear-gradient(145deg,#effafd,#fff);
  box-shadow:0 5px 14px rgba(12,86,116,.07);
  font-size:17px!important;
  line-height:1;
  filter:saturate(.88);
}
.metric[data-np-accent="success"] .np137-metric-icon{border-color:#d1eadc;background:#effaf4}
.metric[data-np-accent="warning"] .np137-metric-icon{border-color:#f1dfc5;background:#fff8ed}
.metric[data-np-accent="danger"] .np137-metric-icon{border-color:#f1d6da;background:#fff4f5}
.metric[data-np-accent="purple"] .np137-metric-icon{border-color:#e1d9f3;background:#f7f4fd}

/* ===== Dashboard ===== */
body.np137-modern .health-hero{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(245px,.68fr) minmax(0,1.32fr);
  gap:22px;
  margin-bottom:14px;
  padding:23px 25px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% -8%,rgba(78,224,231,.32),transparent 20rem),
    radial-gradient(circle at 10% 115%,rgba(12,126,173,.70),transparent 25rem),
    linear-gradient(125deg,#082f45 0,#075b7f 52%,#0787a5 100%);
  box-shadow:0 18px 45px rgba(6,67,92,.18);
  overflow:hidden;
}
body.np137-modern .health-hero:before,
body.np137-modern .health-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}
body.np137-modern .health-hero:before{width:240px;height:240px;right:-75px;top:-155px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 76px rgba(255,255,255,.018)}
body.np137-modern .health-hero:after{width:130px;height:130px;left:34%;bottom:-105px;background:rgba(67,218,225,.09)}
body.np137-modern .health-hero strong{font-size:46px;line-height:1;letter-spacing:-.055em}
body.np137-modern .health-hero b{margin-top:5px;color:#b9f1ed;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
body.np137-modern .health-scale{height:8px;max-width:270px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 2px rgba(0,0,0,.14)}
body.np137-modern .health-scale i{background:linear-gradient(90deg,#8aeee7,#fff);box-shadow:0 0 13px rgba(138,238,231,.55)}
body.np137-modern .health-notes{gap:9px}
body.np137-modern .health-notes p{
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(6px);
  font-size:12px;
}
body.np137-modern .workflow-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:13px 0;
}
body.np137-modern .workflow-strip button{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-areas:"icon value" "icon label";
  gap:1px 11px;
  align-items:center;
  min-height:76px;
  padding:12px 14px;
  text-align:left;
  border:1px solid #d7e7ed;
  background:linear-gradient(145deg,#fff,#f7fbfd);
  box-shadow:var(--np137-shadow-1);
}
body.np137-modern .workflow-strip button>span{
  grid-area:icon;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,#e8f7fb,#fff);
  border:1px solid #d5eaf1;
  font-size:20px;
}
body.np137-modern .workflow-strip button>b{grid-area:value;color:#163c52;font-size:21px;line-height:1.05}
body.np137-modern .workflow-strip button>small{grid-area:label;color:#718694;font-size:10.5px;font-weight:650}
body.np137-modern .quick-grid button{
  min-height:86px;
  border-radius:17px;
  background:linear-gradient(145deg,#fff,#f8fbfd);
}
body.np137-modern .bar-track{background:#edf4f7;border-radius:8px 8px 3px 3px}
body.np137-modern .bar-fill{background:linear-gradient(180deg,#2dc0d5,#087fad);border-radius:8px 8px 3px 3px;box-shadow:0 -4px 12px rgba(13,146,181,.18)}
body.np137-modern .insight{border:1px solid #e0ebf0;border-radius:13px;background:#f8fbfc}
body.np137-modern .rank-list .rank{background:linear-gradient(145deg,#e8f7fb,#f7fcfd);color:#0878a5;border:1px solid #d5e8ef}

/* ===== Filters ===== */
body.np137-modern .np135-filter-panel{
  margin:12px 0 15px;
  border:1px solid rgba(208,225,233,.95);
  border-radius:16px;
  background:rgba(255,255,255,.91);
  box-shadow:0 5px 18px rgba(17,67,91,.045);
  overflow:hidden;
}
body.np137-modern .np135-filter-panel>summary{
  min-height:47px;
  padding:9px 13px;
  color:#31576b;
  background:linear-gradient(180deg,#fbfdfe,#f4f9fb);
  font-size:12px;
  font-weight:780;
}
body.np137-modern .np135-filter-panel>summary:before{
  content:"⌁";
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  margin-right:8px;
  border-radius:10px;
  background:#e9f7fb;
  color:#0b7da8;
  font-size:17px;
}
body.np137-modern .np135-filter-panel[open]>summary{border-bottom:1px solid #e2edf2}
body.np137-modern .np135-filter-grid{gap:9px;padding:12px}
body.np137-modern .np135-filter-grid label{margin:0;font-size:10.5px;color:#607b8b}
body.np137-modern .np135-filter-grid input,
body.np137-modern .np135-filter-grid select{height:41px;border-radius:11px;background:#fff}
body.np137-modern .np135-filter-actions{padding:0 12px 12px}
.np137-filter-status{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  margin-left:auto;
  padding:3px 7px;
  border:1px solid #d7e8ef;
  border-radius:999px;
  background:#fff;
  color:#648090;
  font-size:9.5px;
  font-weight:780;
}
.np137-filter-status.active{border-color:#b9dfea;background:#edf9fc;color:#0877a2}

/* ===== Tables / list surfaces ===== */
body.np137-modern .table-wrap{
  border:1px solid rgba(209,226,234,.96);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--np137-shadow-1);
}
body.np137-modern table{border-collapse:separate;border-spacing:0;font-size:12.5px}
body.np137-modern th{
  height:43px;
  padding:10px 13px;
  color:#68808f;
  background:#f6fafb;
  border-bottom:1px solid #dce9ef;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.07em;
}
body.np137-modern td{padding:11px 13px;color:#315165;border-bottom-color:#e8f0f3}
body.np137-modern tbody tr{transition:background .15s ease,box-shadow .15s ease}
body.np137-modern tbody tr:hover{background:#f4fafc}
body.np137-modern tbody tr:nth-child(even){background:#fcfdfe}
body.np137-modern tbody tr:nth-child(even):hover{background:#f4fafc}
body.np137-modern td b{color:#173d53;font-weight:810}
body.np137-modern .table-wrap button{border-radius:9px}
body.np137-modern .approval-row.approval-pending td{background:rgba(255,249,249,.85)!important;border-bottom-color:#f0dfe1!important}
body.np137-modern .approval-row.approval-approved td{background:rgba(247,253,249,.85)!important;border-bottom-color:#dcebe3!important}
body.np137-modern .approval-pending,
body.np137-modern .approval-approved,
body.np137-modern .approval-rejected{
  border-width:1px!important;
  color:var(--np137-text)!important;
}
body.np137-modern .approval-pending{background:linear-gradient(145deg,#fff,#fff7f8)!important;border-color:#efd8dc!important}
body.np137-modern .approval-approved{background:linear-gradient(145deg,#fff,#f4fcf7)!important;border-color:#d3e9dc!important}
body.np137-modern .approval-rejected{background:linear-gradient(145deg,#fff,#fff9f1)!important;border-color:#eedfc9!important}
body.np137-modern .approval-state{padding:5px 9px;border-width:1px!important;font-size:10.5px}

/* ===== Reception / delivery cards ===== */
body.np137-modern .request-grid{gap:12px}
body.np137-modern .request-card,
body.np137-modern .np-request-card{
  padding:15px;
  border-width:1px!important;
  border-radius:19px!important;
  background:linear-gradient(155deg,#fff,#fbfdfe)!important;
  box-shadow:var(--np137-shadow-1)!important;
}
body.np137-modern .request-card:before,
body.np137-modern .np-request-card:before{width:4px!important}
body.np137-modern .np-request-card.np-status-new{border-color:#edd6da!important;background:linear-gradient(150deg,#fff,#fff8f9)!important;box-shadow:var(--np137-shadow-1)!important}
body.np137-modern .np-request-card.np-status-claimed,
body.np137-modern .np-request-card.np-status-delivering,
body.np137-modern .np-request-card.np-status-completed{border-color:#d5e8dd!important;background:linear-gradient(150deg,#fff,#f7fcf9)!important;box-shadow:var(--np137-shadow-1)!important}
body.np137-modern .request-head{padding-bottom:7px;border-bottom:1px solid #edf2f5}
body.np137-modern .request-customer{padding:13px 0 8px}
body.np137-modern .request-customer b{font-size:17px;font-weight:850;color:#133e55}
body.np137-modern .request-items li{padding:8px 2px}
body.np137-modern .request-time,
body.np137-modern .request-note{border:1px solid #e3ecef;border-radius:11px}
body.np137-modern .request-time{background:#fff9ee;border-color:#f0e1c8}
body.np137-modern .request-note{background:#f7fafb}
body.np137-modern .request-actions{padding-top:4px}

/* ===== Sales wizard / entry forms ===== */
body.np137-modern .np-sale-wizard-shell{max-width:840px}
body.np137-modern .np-sale-wizard-head{
  border:1px solid rgba(208,225,233,.92);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 26px rgba(16,67,92,.07);
  backdrop-filter:blur(14px);
}
body.np137-modern .np-wizard-node i{border-color:#d4e3e9;background:#f3f7f9}
body.np137-modern .np-wizard-node.active i{background:linear-gradient(145deg,#11a1c8,#0876a5);border-color:#0a83af;box-shadow:0 0 0 5px rgba(15,151,192,.11)}
body.np137-modern .np-wizard-node.done i{background:#e7f8ef;border-color:#83d6aa;color:#117747}
body.np137-modern .np-step-card{
  border:1px solid #d8e7ed;
  border-radius:19px;
  background:linear-gradient(160deg,#fff,#fbfdfe);
  box-shadow:var(--np137-shadow-1);
}
body.np137-modern .np-step-icon{background:linear-gradient(145deg,#e8f8fb,#fff);border:1px solid #d2e9ef;color:#0877a4}
body.np137-modern .product-shortcuts button,
body.np137-modern .np-product-shortcuts button{
  border:1px solid #cfe4ec;
  border-radius:999px;
  background:#f1fafc;
  color:#176c8e;
  box-shadow:none;
}
body.np137-modern .item-row{
  border-color:#d9e8ee!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(20,69,92,.035);
}
body.np137-modern .customer-snapshot,
body.np137-modern .np134-selected-customer{
  border-color:#cce5ed;
  border-radius:15px;
  background:linear-gradient(145deg,#eefafd,#f8fffe);
}
body.np137-modern .np-payment-card{border-left-color:#1598bf!important}
body.np137-modern .np-delivery-payment-card{border-left-color:#e39a39!important}
body.np137-modern .np-review-total{background:linear-gradient(135deg,#08785d,#16a06e);box-shadow:0 12px 28px rgba(12,132,91,.20)}
body.np137-modern .np-review-customer,
body.np137-modern .np-review-block,
body.np137-modern .np-review-note,
body.np137-modern .np-review-grid>div{border-color:#d9e7ed;box-shadow:var(--np137-shadow-1)}
body.np137-modern .mobile-sale-bar{
  background:rgba(8,42,60,.96);
  border-top:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  box-shadow:0 -10px 30px rgba(6,34,49,.22);
}
body.np137-modern .mobile-sale-bar button{border-radius:12px}

/* ===== Form sections / selected customer ===== */
body.np137-modern .form-section-title{
  min-height:38px;
  padding-bottom:8px;
  border-bottom:1px solid #e1ebef;
  color:#173f56;
}
body.np137-modern .np134-search-wrap{
  min-height:45px;
  border-color:#cbdfe7;
  border-radius:14px;
  box-shadow:0 2px 9px rgba(17,65,88,.025);
}
body.np137-modern .np134-search-wrap:focus-within{border-color:#3fa8ca;box-shadow:0 0 0 4px rgba(33,153,194,.10)}
body.np137-modern .np134-customer-results{
  border-color:#cbdfe7;
  border-radius:16px;
  box-shadow:0 22px 54px rgba(9,51,72,.19);
}
body.np137-modern .np134-customer-result{border-radius:11px}
body.np137-modern .np134-customer-result:hover,
body.np137-modern .np134-customer-result.active{background:#edf9fc}

/* ===== Modal / details ===== */
body.np137-modern .modal-backdrop{background:rgba(3,28,42,.67);backdrop-filter:blur(5px)}
body.np137-modern .modal{
  border:1px solid rgba(255,255,255,.65);
  border-radius:23px;
  background:#fff;
  box-shadow:var(--np137-shadow-3);
}
body.np137-modern .modal-head{
  border-bottom:1px solid #e4edf1;
  background:rgba(255,255,255,.93);
}
body.np137-modern .modal-head h3{font-weight:850;letter-spacing:-.025em}
body.np137-modern .modal-head button{border:1px solid #e0eaee;background:#f5f8fa;color:#567181}
body.np137-modern .np-approval-customer{border-color:#cfe4eb;border-left-color:#0e92ba;background:linear-gradient(135deg,#edfafd,#fff 68%);box-shadow:var(--np137-shadow-1)}
body.np137-modern .np-approval-product{border-color:#dce9ee;border-radius:14px;box-shadow:0 2px 8px rgba(17,64,87,.025)}
body.np137-modern .np-approval-product:nth-child(even){background:#fbfdfe}
body.np137-modern .np-approval-product-qty strong{background:#e9f8fc;color:#0879a4}
body.np137-modern .np-approval-summary .payment-total-highlight{border-color:#58ba86;background:linear-gradient(135deg,#eafaf1,#f8fffb)}

/* ===== Reports and tabs ===== */
body.np137-modern .report-tabs,
body.np137-modern .np-report-tabs{
  padding:5px;
  border:1px solid #dbe7ec;
  border-radius:15px;
  background:#eef4f7;
}
body.np137-modern .report-tabs button,
body.np137-modern .np-report-tabs button{min-height:38px;border-radius:11px}
body.np137-modern .report-tabs button.active,
body.np137-modern .np-report-tabs button.active{color:#0877a3;background:#fff;box-shadow:0 5px 14px rgba(22,70,94,.09)}
body.np137-modern .np29-card,
body.np137-modern .np31-card,
body.np137-modern .np33-report-section{border-radius:18px!important;border-color:#d8e6ec!important;box-shadow:var(--np137-shadow-1)!important}

/* ===== Login ===== */
body.np137-modern .login-view{
  background:
    radial-gradient(circle at 12% 12%,rgba(47,199,216,.18),transparent 24rem),
    radial-gradient(circle at 88% 90%,rgba(6,118,161,.14),transparent 27rem),
    linear-gradient(145deg,#eaf8fc,#fbfeff 55%,#edf8fa);
}
body.np137-modern .np-login-card{
  width:min(448px,92vw);
  padding:27px 29px 23px;
  border:1px solid rgba(177,211,224,.65)!important;
  border-radius:27px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 32px 85px rgba(11,71,98,.19)!important;
  backdrop-filter:blur(18px);
}
body.np137-modern .login-logo-emblem{border-radius:18px;box-shadow:0 10px 26px rgba(8,101,142,.14)}
body.np137-modern .login-input-wrap{border-radius:14px!important;background:#f8fbfc}
body.np137-modern .login-submit{border-radius:14px!important;box-shadow:0 10px 24px rgba(7,119,164,.22)}

/* ===== Mobile navigation and responsive layout ===== */
@media(max-width:1100px) and (min-width:901px){
  :root{--np-sidebar-w:238px}
  .np137-header-context{display:none}
}

@media(max-width:900px){
  body.np137-modern{background:#f3f8fb;padding-bottom:0}
  body.np137-modern .app>main{padding-bottom:0}
  body.np137-modern .app>main>header{
    height:62px;
    flex-basis:62px;
    padding:0 10px;
    background:rgba(251,254,255,.93);
  }
  .np137-header-context{display:none}
  body.np137-modern .menu-btn{border:1px solid #d8e6ec;background:#f1f7f9;color:#0a709b}
  body.np137-modern .sidebar{
    width:min(316px,87vw);
    padding:14px 10px;
    border-radius:0 22px 22px 0;
    box-shadow:16px 0 42px rgba(3,29,43,.30);
  }
  body.np137-modern .sidebar .brand{display:flex;padding-right:45px}
  body.np137-modern .sidebar nav button{min-height:45px}
  body.np137-modern #content{padding:13px 9px calc(96px + env(safe-area-inset-bottom))}
  body.np137-modern .page-head{align-items:flex-start;min-height:0;margin-bottom:12px}
  body.np137-modern .page-head h2{font-size:21px}
  body.np137-modern .np-page-description{font-size:10.5px;max-width:88vw}
  .np137-page-kicker{font-size:8.5px}
  .np137-page-kicker i{width:21px;height:21px;font-size:11px}
  body.np137-modern .page-head .actions{padding:3px;border-radius:12px}
  body.np137-modern .cards{gap:8px}
  body.np137-modern .metric{min-height:105px;padding:13px 12px}
  body.np137-modern .metric>span:not(.np137-metric-icon){padding-right:34px;font-size:10px}
  body.np137-modern .metric>strong{font-size:20px}
  .np137-metric-icon{top:10px;right:10px;width:31px;height:31px;border-radius:10px;font-size:14px!important}
  body.np137-modern .health-hero{grid-template-columns:1fr;gap:14px;padding:18px;border-radius:20px}
  body.np137-modern .health-hero strong{font-size:40px}
  body.np137-modern .workflow-strip{gap:7px}
  body.np137-modern .workflow-strip button{
    grid-template-columns:1fr;
    grid-template-areas:"icon" "value" "label";
    justify-items:center;
    min-height:105px;
    padding:10px 6px;
    text-align:center;
  }
  body.np137-modern .workflow-strip button>span{width:38px;height:38px;border-radius:12px;font-size:18px}
  body.np137-modern .workflow-strip button>b{font-size:19px}
  body.np137-modern .workflow-strip button>small{font-size:9px;line-height:1.25}
  body.np137-modern .np135-filter-panel{margin:9px 0 11px;border-radius:14px;box-shadow:none}
  body.np137-modern .np135-filter-panel>summary{min-height:43px;padding:7px 10px}
  body.np137-modern .np135-filter-panel>summary:before{width:27px;height:27px;margin-right:6px}
  .np137-filter-status{font-size:8.5px;padding:2px 6px}

  body.np137-modern .table-wrap.np-mobile-card-wrap{border:0;background:transparent;box-shadow:none}
  body.np137-modern .np-mobile-card-table tbody{gap:9px}
  body.np137-modern .np-mobile-card-table tr{
    border:1px solid #d9e7ed;
    border-radius:16px;
    background:linear-gradient(155deg,#fff,#fbfdfe)!important;
    box-shadow:var(--np137-shadow-1);
  }
  body.np137-modern .np-mobile-card-table td{
    min-height:37px;
    padding:8px 10px;
    border-bottom:1px dashed #e5eef2;
  }
  body.np137-modern .np-mobile-card-table td:before{font-size:8.5px;letter-spacing:.055em}
  body.np137-modern .np-mobile-card-table td:first-child{padding-top:11px}
  body.np137-modern .np-mobile-card-table td:last-child{padding-bottom:11px}

  body.np137-modern .mobile-bottom-nav{
    left:8px;
    right:8px;
    bottom:7px;
    height:calc(66px + env(safe-area-inset-bottom));
    padding:5px 6px calc(5px + env(safe-area-inset-bottom));
    border:1px solid rgba(207,224,232,.88);
    border-radius:22px;
    background:rgba(255,255,255,.94);
    box-shadow:0 12px 34px rgba(7,45,64,.18);
    backdrop-filter:blur(20px) saturate(140%);
    overflow:visible;
  }
  body.np137-modern .mobile-bottom-nav button{
    min-height:53px;
    border-radius:15px!important;
    color:#6d8391!important;
  }
  body.np137-modern .mobile-bottom-nav button.active{color:#0879a7!important;background:#edf9fc!important}
  body.np137-modern .mobile-bottom-nav .mnav-sale{
    min-height:64px;
    transform:translateY(-13px);
    border:4px solid #f4f9fb!important;
    border-radius:21px!important;
    background:linear-gradient(145deg,#0a94c0,#08709e)!important;
    box-shadow:0 11px 25px rgba(7,119,163,.32);
  }
  body.np137-modern .mobile-bottom-nav .mnav-sale.active{background:linear-gradient(145deg,#087da9,#075d86)!important}
  body.np137-modern .mobile-bottom-nav .mnav-plus{font-size:25px;line-height:.9}

  body.np137-modern .modal,
  body.np137-modern .modal.wide{border-radius:24px 24px 0 0}
  body.np137-modern .np-approval-modal{border-radius:0!important}
  body.np137-modern .np-sale-wizard-head{border-radius:0 0 16px 16px;border-top:0}
}

@media(max-width:600px){
  body.np137-modern .page-head{gap:8px}
  body.np137-modern .page-head .actions{display:flex;width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none}
  body.np137-modern .page-head .actions::-webkit-scrollbar{display:none}
  body.np137-modern .page-head .actions button{flex:0 0 auto;width:auto;white-space:nowrap}
  body.np137-modern .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.np137-modern .metric{min-height:101px;padding:12px 10px}
  body.np137-modern .metric>strong{font-size:18px}
  body.np137-modern .metric>small{font-size:9px}
  body.np137-modern .np135-filter-grid{grid-template-columns:1fr}
  body.np137-modern .np-mobile-card-table td{grid-template-columns:86px minmax(0,1fr)}
  body.np137-modern .np-step-card{border-radius:16px}
  body.np137-modern .request-card,
  body.np137-modern .np-request-card{border-radius:17px!important}
}

@media(max-width:380px){
  body.np137-modern .cards{grid-template-columns:1fr}
  body.np137-modern .workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.np137-modern .workflow-strip button{min-height:101px}
}

@media(prefers-reduced-motion:reduce){
  body.np137-modern #content.np137-page-enter{animation:none}
}

/* Stable 1.37.1 · mobile blank-page recovery */
.np1371-page-error{max-width:640px;margin:24px auto;padding:28px;text-align:center;border:1px solid #d7e6ed;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(8,49,70,.10)}
.np1371-page-error-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:17px;background:#fff0e8;color:#bd4d35;font-size:26px;font-weight:900}
.np1371-page-error h2{margin:0 0 8px;color:#173b50}.np1371-page-error p{margin:0 auto 12px;max-width:480px;color:#6d8290;line-height:1.55}.np1371-page-error code{display:block;margin:12px 0;padding:9px 10px;border-radius:10px;background:#f4f7f9;color:#8b3e35;white-space:normal;overflow-wrap:anywhere}.np1371-page-error>div:last-child{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
@media(max-width:900px){body:not(.np-auth-checking) #appView:not(.hidden){display:block!important}body:not(.np-auth-checking) #appView:not(.hidden)>main{display:block!important;min-height:100dvh}body:not(.np-auth-checking) #content{display:block!important;min-height:calc(100dvh - 150px);visibility:visible!important}.np1371-page-error{margin:12px 2px;padding:22px 16px}}