:root{--nb:#14B8A6;--nbd:#0D9488;--txt:#0F172A;--mut:#64748B;--line:#E2E8F0;--bg:#F8FAFC}
.nbcn-app{background:linear-gradient(180deg,#fff 0%,var(--bg) 18%,var(--bg) 100%);padding:42px 20px 70px;font-family:Inter,Arial,sans-serif}
.nbcn-container{max-width:1180px;margin:auto}
.nbcn-hero{display:grid;grid-template-columns:1fr .95fr;gap:34px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 22px 60px rgba(15,23,42,.06);align-items:center}
.nbcn-hero h1{margin:0 0 12px;color:var(--txt);font-size:44px;line-height:1.08;letter-spacing:-1.4px}
.nbcn-hero p{color:#475569;line-height:1.7;margin:0;font-size:17px;max-width:560px}
.nbcn-controls{display:grid;gap:14px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:22px;padding:18px}
.nbcn-location-btn,.nbcn-primary{width:100%;border:0;border-radius:16px;padding:16px 18px;background:linear-gradient(135deg,#14B8A6,#0D9488);color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(20,184,166,.18)}
.nbcn-or{display:flex;align-items:center;gap:12px;color:#64748B;font-size:13px;font-weight:900}
.nbcn-or:before,.nbcn-or:after{content:"";height:1px;background:#E2E8F0;flex:1}
.nbcn-select-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nbcn-select-row label{display:grid;gap:6px}
.nbcn-select-row small{font-size:12px;color:#475569;font-weight:900;padding-left:3px}
.nbcn-select-row select{width:100%;min-height:48px;border:1px solid #CBD5E1;border-radius:14px;background:#fff;color:#0F172A;font-size:15px;font-weight:800;padding:0 40px 0 14px;appearance:auto;line-height:48px}
.nbcn-selected{background:#fff;border:1px solid var(--line);border-radius:16px;margin:20px 0;padding:16px 20px;font-weight:900;color:#0F172A;box-shadow:0 10px 24px rgba(15,23,42,.035)}
.nbcn-grid{display:grid;grid-template-columns:1fr .95fr;gap:26px;align-items:start}
.nbcn-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 16px 45px rgba(15,23,42,.05)}
.nbcn-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.nbcn-panel-head h2{font-size:24px;margin:0;color:#0F172A}
.nbcn-panel-head span{font-weight:900;color:var(--mut);background:#F1F5F9;border-radius:999px;padding:7px 12px}
.nbcn-list{display:grid;gap:12px}
.nbcn-card{display:grid;grid-template-columns:36px 1fr auto;gap:14px;border:1px solid var(--line);border-left:5px solid var(--nb);border-radius:18px;padding:16px;background:#fff;transition:.2s}
.nbcn-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.08)}
.nbcn-num{width:30px;height:30px;border-radius:50%;background:var(--nb);color:#fff;font-weight:900;display:grid;place-items:center}
.nbcn-info h3{margin:0 0 6px;font-size:18px;color:var(--txt)}
.nbcn-info p{margin:0;color:#475569;line-height:1.45;font-size:14px}
.nbcn-meta{text-align:right}
.nbcn-distance{font-weight:900;margin-bottom:8px;color:#0F172A}
.nbcn-time-row{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:8px}
.nbcn-time{background:#F1F5F9;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:800}
.nbcn-status{display:inline-block;background:#DCFCE7;color:#15803D;font-weight:900;border-radius:9px;padding:7px 11px}
.nbcn-actions{display:flex;gap:8px;margin-top:9px}
.nbcn-actions a{border:1px solid #CBD5E1;border-radius:10px;padding:9px 12px;text-decoration:none;color:#0F172A;font-weight:900;background:#fff}
.nbcn-actions a:last-child{background:#0F172A;color:#fff;border-color:#0F172A}
.nbcn-empty{padding:18px;border:1px solid #FDE68A;background:#FFFBEB;color:#92400E;border-radius:14px}
.nbcn-loading{padding:18px;color:#64748B}
.nbcn-map-panel{position:sticky;top:110px;padding:18px}
.nbcn-map-panel #nbcnMap{height:620px;border-radius:18px;overflow:hidden}
.nbcn-pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:18px}
.nbcn-pagination button{border:1px solid #CBD5E1;background:#fff;color:#0F172A;border-radius:10px;padding:9px 13px;font-weight:900;cursor:pointer}
.nbcn-pagination button.active{background:#14B8A6;color:#fff;border-color:#14B8A6}
.nbcn-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:950px){
  .nbcn-hero,.nbcn-grid{grid-template-columns:1fr}
  .nbcn-map-panel{position:static}
  .nbcn-map-panel #nbcnMap{height:420px}
}
@media(max-width:620px){
  .nbcn-app{padding:26px 14px 50px}
  .nbcn-hero{padding:22px;border-radius:22px}
  .nbcn-hero h1{font-size:32px}
  .nbcn-select-row{grid-template-columns:1fr}
  .nbcn-card{grid-template-columns:34px 1fr}
  .nbcn-meta{grid-column:2;text-align:left}
  .nbcn-time-row{justify-content:flex-start}
  .nbcn-actions{display:grid;grid-template-columns:1fr 1fr}
}