:root{--inv360-accent:#c99a3d;--inv360-accent-2:#f0c96a;--inv360-text:#172033;--inv360-muted:#5e6a7d;--inv360-surface:rgba(255,255,255,.78);--inv360-surface-strong:rgba(255,255,255,.94);--inv360-border:rgba(24,35,55,.13);--inv360-shadow:0 20px 55px rgba(23,32,51,.14),0 4px 14px rgba(23,32,51,.08)}
.inv360-wrap{margin-top:16px;color:var(--inv360-text)}
.inv360-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.inv360-eyebrow{font-size:9px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:var(--inv360-accent)}.inv360-title{font-size:25px;font-weight:900;color:var(--inv360-text);margin-top:4px;letter-spacing:-.3px}.inv360-sub{font-size:11px;color:var(--inv360-muted);margin-top:5px}.inv360-actions{display:flex;gap:8px}
.inv360-search{min-width:260px}.inv360-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.inv360-card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--inv360-surface-strong),var(--inv360-surface));border:1px solid var(--inv360-border);border-radius:18px;padding:17px;box-shadow:var(--inv360-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.inv360-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 38%,rgba(201,154,61,.08));pointer-events:none}.inv360-card:hover{transform:translateY(-4px);box-shadow:0 28px 65px rgba(23,32,51,.2);border-color:rgba(201,154,61,.35)}.inv360-card>*{position:relative}.inv360-card-top{display:flex;align-items:center;gap:10px}.inv360-avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#263754,#101827);color:#fff;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 18px rgba(16,24,39,.25)}.inv360-name{font-weight:900;color:var(--inv360-text)}.inv360-role{font-size:10px;color:var(--inv360-muted);margin-top:3px}.inv360-status{margin-left:auto;font-size:9px;font-weight:800;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:rgba(35,160,105,.13);color:#16764e;border:1px solid rgba(35,160,105,.2)}.inv360-location{font-size:10px;color:var(--inv360-muted);margin:13px 0}.inv360-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.inv360-stat{background:rgba(127,145,170,.09);border:1px solid var(--inv360-border);padding:10px 5px;text-align:center;border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.45)}.inv360-stat b{display:block;font-size:13px;color:var(--inv360-text)}.inv360-stat span{font-size:8px;color:var(--inv360-muted);text-transform:uppercase;font-weight:800}.inv360-meter{height:6px;background:rgba(127,145,170,.15);border-radius:10px;margin:14px 0;overflow:hidden}.inv360-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--inv360-accent),var(--inv360-accent-2));border-radius:10px;box-shadow:0 0 14px rgba(201,154,61,.35)}.inv360-card-actions,.inv360-quick{display:flex;gap:8px;flex-wrap:wrap}
.inv360-drawer{position:fixed;inset:0;background:rgba(5,10,18,.58);z-index:500;display:none;padding:30px;overflow:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.inv360-drawer.open{display:block}.inv360-sheet{position:relative;background:linear-gradient(145deg,var(--inv360-surface-strong),var(--inv360-surface));color:var(--inv360-text);max-width:920px;margin:20px auto;border:1px solid var(--inv360-border);border-radius:24px;padding:24px;box-shadow:0 35px 100px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.inv360-sheet:before{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.4),transparent 32%,rgba(201,154,61,.07));pointer-events:none}.inv360-sheet>*{position:relative}.inv360-sheet-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--inv360-border);padding-bottom:16px}.inv360-sheet-title{font-size:23px;font-weight:900;color:var(--inv360-text);margin-top:4px}.inv360-sheet-sub{font-size:10px;color:var(--inv360-muted)}.inv360-close{border:1px solid var(--inv360-border);background:rgba(127,145,170,.1);color:var(--inv360-text);width:38px;height:38px;border-radius:12px;cursor:pointer;font-weight:900;transition:.18s}.inv360-close:hover{transform:translateY(-2px);background:rgba(201,154,61,.15)}.inv360-section{padding:18px 0;border-bottom:1px solid var(--inv360-border)}.inv360-section h3{font-size:12px;color:var(--inv360-text);margin-bottom:12px;font-weight:900}.inv360-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inv360-detail{padding:12px;background:rgba(127,145,170,.08);border:1px solid var(--inv360-border);border-radius:12px}.inv360-detail label{display:block;font-size:8px;color:var(--inv360-muted);text-transform:uppercase;margin-bottom:5px;font-weight:800}.inv360-detail b{font-size:10px;color:var(--inv360-text);word-break:break-word}.inv360-case{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--inv360-border);font-size:10px;color:var(--inv360-text)}.inv360-case span{color:var(--inv360-muted)}.inv360-case strong{color:var(--inv360-text)}.inv360-case small{display:block;color:var(--inv360-muted);margin-top:2px}.inv360-toast{position:fixed;right:20px;bottom:20px;background:#101827;color:#fff;padding:11px 15px;border:1px solid rgba(255,255,255,.15);border-radius:12px;z-index:1000;font-size:11px;box-shadow:0 14px 35px rgba(0,0,0,.25)}.inv360-empty{padding:28px;text-align:center;color:var(--inv360-muted);font-size:11px}.inv360-doc,.inv360-doc-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--inv360-border)}.inv360-doc>span:first-child{flex:1}.inv360-doc small{display:block;color:var(--inv360-muted);margin-top:3px}.inv360-doc a{color:var(--inv360-accent);font-weight:800}
.inv360-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inv360-edit-field{display:block}.inv360-edit-field span{display:block;font-size:9px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:var(--inv360-muted);margin:0 0 6px}.inv360-edit-field input,.inv360-edit-field select{width:100%;box-sizing:border-box;border:1px solid var(--inv360-border);border-radius:12px;background:rgba(255,255,255,.72);color:var(--inv360-text);padding:11px 12px;outline:none;box-shadow:inset 0 1px 2px rgba(23,32,51,.05);font:inherit}.inv360-edit-field input:focus,.inv360-edit-field select:focus{border-color:var(--inv360-accent);box-shadow:0 0 0 3px rgba(201,154,61,.15),0 7px 20px rgba(23,32,51,.08)}.inv360-doc-add input,.inv360-doc-add select{border:1px solid var(--inv360-border);border-radius:10px;background:rgba(255,255,255,.72);color:var(--inv360-text);padding:9px 10px;outline:none}.inv360-sheet .btn{border-radius:11px;box-shadow:0 6px 14px rgba(23,32,51,.1)}

/* PDF Preview Modal */
.inv360-preview-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 41, 66, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.inv360-preview-overlay.open {
  opacity: 1;
  visibility: visible;
}
.inv360-preview-box {
  background: #f1f5f9;
  width: 90%;
  max-width: 1000px;
  height: 90vh;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
}
.inv360-preview-head {
  padding: 16px 24px;
  background: #0f2942;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inv360-preview-box h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}
.inv360-preview-body {
  flex: 1;
  width: 100%;
  background: #334155;
  display: flex;
  justify-content: center;
  overflow: auto;
}
.inv360-preview-body iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.inv360-preview-footer {
  padding: 16px 24px;
  background: #fff;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

@media(prefers-color-scheme:dark){:root{--inv360-text:#f3f6fb;--inv360-muted:#aeb9c9;--inv360-surface:rgba(22,29,42,.82);--inv360-surface-strong:rgba(27,36,52,.94);--inv360-border:rgba(255,255,255,.13);--inv360-shadow:0 22px 60px rgba(0,0,0,.42),0 4px 16px rgba(0,0,0,.28)}.inv360-edit-field input,.inv360-edit-field select,.inv360-doc-add input,.inv360-doc-add select{background:rgba(10,15,24,.72);color:#f3f6fb}.inv360-stat,.inv360-detail{background:rgba(255,255,255,.055)}}
html.dark,.dark,.theme-dark,body.dark,body.dark-mode{--inv360-text:#f3f6fb;--inv360-muted:#aeb9c9;--inv360-surface:rgba(22,29,42,.82);--inv360-surface-strong:rgba(27,36,52,.94);--inv360-border:rgba(255,255,255,.13);--inv360-shadow:0 22px 60px rgba(0,0,0,.42),0 4px 16px rgba(0,0,0,.28)}html.dark .inv360-edit-field input,html.dark .inv360-edit-field select,.dark .inv360-edit-field input,.dark .inv360-edit-field select{background:rgba(10,15,24,.72);color:#f3f6fb}@media(max-width:700px){.inv360-head{display:block}.inv360-actions{margin-top:10px;display:grid}.inv360-search{min-width:0;width:100%}.inv360-detail-grid,.inv360-edit-grid{grid-template-columns:1fr 1fr}.inv360-drawer{padding:8px}.inv360-sheet{margin:5px auto;padding:17px;border-radius:18px}.inv360-stats{grid-template-columns:repeat(2,1fr)}}

body.dark-mode .inv360-stat, body.dark-mode .inv360-detail { background: rgba(255,255,255,.055); }
body.dark-mode .inv360-card:before { background: linear-gradient(120deg, rgba(255,255,255,.08), transparent 38%, rgba(201,154,61,.08)); }

.inv360-case, .inv360-doc { page-break-inside: avoid; }