:root{--inplus-blue: #033079;--inplus-violet: #6c50ea;--inplus-aqua: #20cdc8;--inplus-white: #ffffff;--ink: #102247;--muted: #667694;--line: #d8e4f4;--surface: #f6f9fd;--surface-strong: #edf5fb;--success-soft: #dffbf8;--warning-soft: #fff3d9;--shadow: 0 24px 70px rgba(3, 48, 121, .12);--shadow-soft: 0 12px 28px rgba(15, 23, 42, .08);--radius: 16px;--radius-sm: 12px;--radius-xs: 10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--inplus-white);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#f4f9ff,#edf4fb)}#root{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}button:hover,a:hover{transform:translateY(-1px)}button:active,a:active{transform:translateY(0)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(32,205,200,.28);outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{width:100%;max-width:1360px;min-height:100vh;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);border-left:1px solid rgba(216,228,244,.8);border-right:1px solid rgba(216,228,244,.8)}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px 16px;border-right:1px solid rgba(216,228,244,.9);background:#fffc;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--inplus-blue);font-weight:900;font-size:1.6rem;letter-spacing:-.04em;padding:6px 8px}.brand img{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid rgba(3,48,121,.12);box-shadow:0 10px 24px #0330791f}.nav-list{display:grid;gap:8px}.nav-list a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:10px;color:var(--muted);font-weight:800;font-size:.92rem;border:1px solid transparent}.trust-box{margin-top:auto;display:grid;gap:8px;padding:14px 12px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,#f6f9fdf2,#edf5fbf2);color:var(--inplus-blue);box-shadow:var(--shadow-soft)}.trust-box span{color:var(--muted);line-height:1.45;font-size:.85rem}.workspace{min-width:0;width:100%;padding:16px 18px 32px;overflow:hidden}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;margin:-16px -18px 14px;padding:12px 18px;background:#f6f9fde6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,228,244,.78)}.icon-button,.primary-button{height:42px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.icon-button{width:42px;background:var(--inplus-white);color:var(--inplus-blue);box-shadow:0 8px 18px #0330790a}.primary-button{padding:0 14px;color:var(--inplus-white);background:linear-gradient(135deg,var(--inplus-blue),#0c4ea0);border-color:#033079b8;box-shadow:0 12px 24px #0330791f}.search{flex:1;min-width:0;height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(216,228,244,.9);border-radius:10px;background:#fffffff2}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.eyebrow{margin:0 0 8px;color:var(--inplus-aqua);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-panel{width:100%;min-height:210px;display:grid;grid-template-columns:minmax(0,1.2fr) 280px;gap:18px;align-items:center;padding:22px 22px 20px;border-radius:18px;background:linear-gradient(135deg,#033079fc,#04438ef5);color:var(--inplus-white);box-shadow:var(--shadow);overflow:hidden}.hero-copy h1{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:.96;letter-spacing:-.06em}.hero-copy p:not(.eyebrow){margin:16px 0 0;color:#ffffffd6;font-size:.98rem;line-height:1.55;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.primary-action,.secondary-action,.text-button{min-height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primary-action{padding:0 14px;color:var(--inplus-blue);background:linear-gradient(135deg,var(--inplus-aqua),#8feae5);box-shadow:0 10px 20px #20cdc838}.secondary-action{padding:0 14px;color:var(--inplus-white);border:1px solid rgba(255,255,255,.22);background:#ffffff14}.hero-insight{display:grid;gap:12px;padding:16px;border-radius:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.score-ring{width:88px;height:88px;border-radius:50%;border:9px solid var(--inplus-aqua);display:grid;place-items:center;background:var(--inplus-white);color:var(--inplus-blue);box-shadow:inset 0 0 0 5px #20cdc81f}.score-ring span{font-size:1.7rem;font-weight:900;line-height:1}.score-ring small{color:var(--muted);font-weight:700;font-size:.68rem}.hero-insight strong{font-size:1.08rem}.hero-insight p{margin:0;color:#fffc;line-height:1.5;font-size:.88rem}.mini-tags{display:flex;flex-wrap:wrap;gap:6px}.mini-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#ffffff1f;color:var(--inplus-white);font-size:.72rem;font-weight:800}.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 12px}.quick-stats article{display:grid;gap:6px;min-height:94px;padding:14px 16px;border-radius:14px;border:1px solid rgba(216,228,244,.9);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 24px #0330790a;color:var(--inplus-blue)}.quick-stats strong{font-size:1.7rem;letter-spacing:-.05em}.quick-stats span{color:var(--muted);font-size:.83rem;line-height:1.35}.filters-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 14px;margin-bottom:18px;border:1px solid rgba(216,228,244,.9);border-radius:16px;background:#fffffff5}.filters-panel h2{margin:0;font-size:1.1rem;color:var(--inplus-blue)}.need-list{display:flex;flex-wrap:wrap;gap:8px}.need-chip{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--inplus-white);font-weight:800}.need-chip small{min-width:22px;min-height:22px;display:grid;place-items:center;border-radius:8px;background:var(--surface-strong);color:var(--inplus-blue)}.need-chip.active{color:var(--inplus-blue);background:linear-gradient(135deg,#20cdc829,#20cdc80a);border-color:#20cdc852}.product-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px;align-items:start}.map-panel,.places-panel,.detail-panel,.reports-panel,.stoma-panel,.compliance-panel{border:1px solid rgba(216,228,244,.9);border-radius:16px;background:#fffffff5;box-shadow:0 10px 24px #0330790a;padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2{margin:0;color:var(--inplus-blue);font-size:1.08rem}.text-button{padding:0 10px;background:transparent;color:var(--inplus-violet)}.map-canvas{position:relative;min-height:360px;border:1px solid rgba(216,228,244,.9);border-radius:14px;overflow:hidden;background:linear-gradient(90deg,rgba(3,48,121,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(3,48,121,.06) 1px,transparent 1px),linear-gradient(135deg,#edf9fd,#f8fbff);background-size:42px 42px,42px 42px,cover}.map-route{position:absolute;top:18%;right:12%;bottom:16%;left:14%;border:14px solid rgba(32,205,200,.28);border-left-color:transparent;border-bottom-color:#6c50ea3d;border-radius:14px;transform:rotate(-7deg)}.map-pin{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);border:3px solid var(--inplus-white);border-radius:50%;display:grid;place-items:center;color:var(--inplus-white);box-shadow:0 12px 22px #03307924}.map-pin.verified{background:var(--inplus-blue)}.map-pin.review{background:var(--inplus-violet)}.map-card{position:absolute;left:16px;bottom:16px;width:min(260px,calc(100% - 32px));display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fffffff7;box-shadow:0 14px 28px #0330791f}.map-card span{color:var(--inplus-aqua);text-transform:uppercase;font-size:.72rem;font-weight:900}.map-card strong{color:var(--inplus-blue);font-size:.96rem}.map-card small{color:var(--muted);font-size:.76rem}.place-list,.detail-list,.report-list{display:grid;gap:10px}.place-card{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#f6f9fdeb,#fff);text-align:left;color:var(--ink)}.place-card.selected{border-color:#20cdc866;background:linear-gradient(180deg,#20cdc814,#fff);box-shadow:0 12px 20px #20cdc80f}.place-score{width:54px;height:54px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--inplus-blue),#0d6ae3);color:var(--inplus-white);font-weight:900}.place-body{min-width:0}.place-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.place-title h3{margin:0;color:var(--ink);font-size:.96rem}.status,.chips span,.priority{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:8px;font-size:.7rem;font-weight:800}.status.ok{color:var(--inplus-blue);background:#20cdc829}.status.review{color:#4c36c9;background:#6c50ea1f}.place-card p{margin:6px 0 8px;color:var(--muted);font-size:.82rem}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{background:var(--inplus-white);border:1px solid var(--line);color:var(--muted)}.detail-list div{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface)}.detail-list svg{color:var(--inplus-aqua);flex:0 0 auto}.detail-list .warning{background:var(--warning-soft);color:#6f5200}.detail-list .warning svg{color:#b77900}.report-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.report-list article:last-child{border-bottom:0}.report-list strong{color:var(--ink);display:block;font-size:.92rem}.report-list span{color:var(--muted);font-size:.8rem}.priority{background:var(--surface-strong);color:var(--inplus-blue)}.priority.high{background:var(--warning-soft);color:#6f5200}.stoma-panel{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#20cdc81f,#6c50ea14)}.stoma-panel p{margin:8px 0 0;max-width:760px;color:var(--muted);line-height:1.52}.module-icons{display:flex;gap:10px;color:var(--inplus-blue)}.module-icons svg{width:38px;height:38px;padding:8px;border-radius:10px;background:var(--inplus-white);border:1px solid var(--line)}.compliance-panel{grid-column:1 / -1}.compliance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compliance-grid article{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#f6f9fdf5,#fff)}.compliance-grid svg{color:var(--inplus-blue)}.compliance-grid strong{color:var(--inplus-blue);font-size:.98rem}.compliance-grid p{margin:0;color:var(--muted);line-height:1.45;font-size:.82rem}.bottom-nav{display:none}@media(max-width:1100px){.hero-panel,.product-grid{grid-template-columns:1fr}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px 14px 12px;border-right:0;border-bottom:1px solid var(--line)}.nav-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.nav-list a{justify-content:center;padding:0 8px;font-size:.78rem}.trust-box{display:none}.filters-panel{flex-direction:column;align-items:flex-start}.compliance-grid{grid-template-columns:1fr}}@media(max-width:640px){.workspace{padding:12px 12px 84px}.topbar{margin:-12px -12px 12px;padding:10px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px}.search{order:3;grid-column:1 / -1}.topbar .icon-button:first-child{order:1}.topbar .icon-button:last-child{order:2}.primary-button{order:4;width:100%;grid-column:1 / -1}.hero-panel{padding:18px;gap:16px}.hero-copy h1{font-size:2.3rem}.hero-copy p:not(.eyebrow){font-size:.92rem}.hero-actions{display:grid;grid-template-columns:1fr}.quick-stats{grid-template-columns:1fr}.need-list{width:100%}.need-chip{flex:1 1 138px}.map-canvas{min-height:300px}.place-card,.report-list article{grid-template-columns:1fr}.stoma-panel{flex-direction:column;align-items:flex-start}.bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px;height:62px;border:1px solid var(--line);border-radius:12px;background:#fffffff5;box-shadow:0 18px 42px #03307929;z-index:30}.bottom-nav a{min-width:0;display:grid;place-items:center;gap:2px;border-radius:10px;color:var(--muted);font-size:.72rem;font-weight:850}.bottom-nav a.active{color:var(--inplus-blue);background:#20cdc824}}.nav-item{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:800;text-align:left}.nav-item.active{color:var(--inplus-blue);background:linear-gradient(90deg,#20cdc81f,#03307908);border-color:#20cdc829}.inline-banner{margin:14px 0;padding:10px 12px;border-radius:12px;font-size:.8rem;font-weight:700}.inline-banner.offline{background:#fff3d9e6;color:#7a5800;border:1px solid rgba(183,121,0,.2)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-weight:600}.empty-state.small{position:static;min-height:120px;border:1px dashed var(--line);border-radius:12px}.empty-state.large{position:static;min-height:160px;border:1px dashed var(--line);border-radius:12px}.screen-panel{margin-top:18px;border:1px solid rgba(216,228,244,.9);border-radius:16px;background:#fffffff5;box-shadow:0 10px 24px #0330790a;padding:22px}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.screen-header h2{margin:0;color:var(--inplus-blue);font-size:1.35rem}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#f6f9fdeb,#fff)}.detail-card h3{margin:0;color:var(--inplus-blue);font-size:1rem}.detail-card p,.detail-card li,.detail-card span{color:var(--muted);line-height:1.5}.detail-card ul{margin:0;padding-left:18px;display:grid;gap:8px}.warning-card{background:#fff3d98c;border-color:#b7790033}.meta-row,.score-inline,.action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.score-inline{padding-top:6px;border-top:1px solid var(--line)}.score-inline strong{color:var(--inplus-blue);font-size:2rem;letter-spacing:-.05em}.action-row{margin-top:18px}.report-form{display:grid;gap:16px}.report-form label{display:grid;gap:8px;color:var(--inplus-blue);font-weight:700}.report-form input,.report-form textarea,.report-form select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink)}.success-banner{padding:12px 14px;border-radius:10px;background:#20cdc81f;color:var(--inplus-blue);font-weight:800}.favorite-list{display:grid;gap:12px}.favorite-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#f6f9fdeb,#fff);text-align:left;color:var(--ink)}.favorite-card strong{display:block;color:var(--inplus-blue)}.favorite-card span{color:var(--muted);font-size:.8rem}.favorite-meta{display:grid;gap:4px;text-align:right}.profile-card{display:grid;gap:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#f6f9fdeb,#fff)}.profile-topline{display:flex;align-items:center;gap:14px}.avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--inplus-blue),var(--inplus-violet));color:var(--inplus-white);font-weight:900}.profile-topline strong{display:block;color:var(--inplus-blue)}.profile-topline span{color:var(--muted);font-size:.8rem}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-grid article{display:grid;gap:6px;padding:14px;border-radius:12px;background:var(--inplus-white);border:1px solid var(--line)}.profile-grid span{color:var(--muted);font-size:.75rem}.profile-grid strong{color:var(--inplus-blue);font-size:1.4rem}.icon-button.compact{width:38px;height:38px;min-width:38px}@media(max-width:980px){.detail-grid,.profile-grid{grid-template-columns:1fr}}@media(max-width:640px){.screen-panel{padding:16px}.screen-header{flex-direction:column;align-items:flex-start}.action-row{flex-direction:column;align-items:stretch}.action-row>*{width:100%}}