:root{--bg:#f3f6f4;--card:#fff;--text:#1e2b26;--muted:#6c7a74;--primary:#176b52;--primary2:#0f543f;--line:#dfe7e2;--danger:#b42318;--shadow:0 8px 30px rgba(26,52,42,.08);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.topbar{height:68px;background:#123f33;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0002}.brand{display:flex;gap:11px;align-items:center}.brand>span{font-size:30px}.brand strong,.brand small{display:block}.brand small{opacity:.75;font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.top-nav-btn{border:1px solid #ffffff42;background:#ffffff12;color:#fff;border-radius:9px;padding:8px 11px;font-weight:750;cursor:pointer}.top-nav-btn:hover{background:#ffffff22}.container{max-width:1180px;margin:24px auto;padding:0 16px 42px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.hero{padding:20px}.hero-row{display:flex;gap:18px;justify-content:space-between;align-items:end}.destination-select-wrap{min-width:260px;flex:1}.destination-select-wrap label,.modal label,.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#425049}.hero-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #cbd8d1;background:#fff;color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;text-decoration:none;font-weight:700}.btn:hover{background:#f7faf8}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.ghost{background:#ffffff12;border-color:#ffffff42;color:#fff}.btn.small{padding:7px 10px;font-size:13px}.btn.full{width:100%}.btn.danger-outline{color:var(--danger);border-color:#e9b6b1}.progress-panel{margin-top:20px}.progress-head{display:flex;justify-content:space-between;margin-bottom:8px}.progress-track{height:12px;background:#e3ebe7;border-radius:99px;overflow:hidden}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#1f8a67,#3bb987);transition:.25s}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,auto) auto auto;gap:10px;padding:14px;margin:16px 0}.toolbar input,.toolbar select,.modal input,.modal select,.modal textarea,.auth-card input{width:100%;border:1px solid #cbd8d1;border-radius:10px;padding:10px 12px;background:#fff;color:var(--text)}.checklist{display:grid;gap:14px}.category{overflow:hidden}.category-head{width:100%;border:0;background:#fff;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.category-head span:first-child{display:flex;align-items:center;gap:10px}.category-head small{background:#eaf3ef;color:var(--primary);padding:3px 8px;border-radius:99px;font-weight:800}.category-body{display:grid;grid-template-rows:1fr;border-top:1px solid var(--line);transition:grid-template-rows .28s ease,border-color .28s ease}.category-body-inner{overflow:hidden;min-height:0}.category.collapsed .category-body{grid-template-rows:0fr;border-top-color:transparent}.chevron{display:inline-flex;transition:transform .28s ease}.collapsed .chevron{transform:rotate(-90deg)}.item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;min-height:58px;border-bottom:1px solid #edf1ef}.item:last-of-type{border-bottom:0}.item.status-1{background:#fff9e8}.item.status-2{background:#eef9f2}.status-switch{display:flex;gap:5px;align-items:center;justify-content:center;padding-left:8px}.status-btn{width:23px;height:23px;border-radius:50%;border:1px solid #c8d2cd;background:#fff;color:#c8d2cd;line-height:1;cursor:pointer}.status-btn[data-status="0"].active{background:#d92d20;border-color:#d92d20;color:#fff}.status-btn[data-status="1"].active{background:#f3b61f;border-color:#f3b61f;color:#fff}.status-btn[data-status="2"].active{background:#1f8a67;border-color:#1f8a67;color:#fff}.item-main{background:transparent;text-align:left;padding:10px 6px;min-width:0}.item-name{display:block;font-weight:760}.status-2 .item-name{text-decoration:line-through;color:#708078}.item-meta{display:block;color:var(--muted);font-size:12px;margin-top:3px}.item-menu,.icon-btn{border:0;background:transparent;cursor:pointer;font-size:22px;color:#62716a}.quick-add{border:0;background:#f7faf8;color:var(--primary);width:100%;padding:12px;text-align:left;font-weight:700;cursor:pointer}.loading,.empty{padding:34px;text-align:center;color:var(--muted)}.modal{display:none;position:fixed;inset:0;background:#10231d99;z-index:50;padding:20px;align-items:center;justify-content:center}.modal.open{display:flex}.modal-box{background:#fff;border-radius:16px;box-shadow:0 24px 80px #0005;width:min(620px,100%);max-height:92vh;overflow:auto;padding:20px}.small-box{width:min(500px,100%)}.wide-box{width:min(760px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{margin:0}.modal form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{border:0;background:transparent;padding:10px 14px;cursor:pointer;font-weight:750}.tab.active{color:var(--primary);border-bottom:3px solid var(--primary)}.tab-pane{display:none}.tab-pane.active{display:block}.inline-form{display:grid!important;grid-template-columns:1fr auto;gap:8px!important}.manage-list{margin-top:14px;display:grid;gap:7px}.manage-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.icon-btn.danger{color:var(--danger)}.toast{position:fixed;right:18px;bottom:18px;background:#183d31;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s;z-index:90}.toast.show{transform:none;opacity:1}.toast.error{background:#8f1d14}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#dceee6,#f5f8f6 55%)}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow);text-align:center}.auth-card .logo{font-size:50px}.auth-card h1{margin:8px 0}.auth-card form{display:grid;gap:14px;text-align:left;margin-top:20px}.alert{padding:11px 13px;border-radius:9px;margin:13px 0}.alert.error{background:#feeceb;color:#8f1d14}.alert.success{background:#e5f7ee;color:#176b52}.muted{color:var(--muted)}@media(max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.hero-row{align-items:stretch;flex-direction:column}.hero-buttons .btn{flex:1}.user-name{display:none}}@media(max-width:760px){.top-nav-btn{display:none}}@media(max-width:560px){.container{padding:0 10px 28px;margin-top:12px}.topbar{padding:0 12px}.toolbar{grid-template-columns:1fr}.toolbar>*{width:100%}.hero{padding:14px}.form-grid{grid-template-columns:1fr}.hero-buttons{display:grid;grid-template-columns:1fr 1fr}.hero-buttons .danger-outline{grid-column:1/-1}.modal{padding:8px}.modal-box{padding:16px;border-radius:14px}.item{grid-template-columns:88px 1fr 38px}.brand small{display:none}}
.view-tabs{display:flex;gap:8px;padding:8px;margin:16px 0 0}.view-tab{flex:1;border:0;background:transparent;padding:11px 14px;border-radius:10px;font-weight:800;cursor:pointer}.view-tab.active{background:var(--primary);color:#fff}.people-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.field-label{display:block;font-size:13px;font-weight:700;color:#425049}.person-chip input{position:absolute;opacity:0}.person-chip span{display:block;padding:8px 11px;border:1px solid #cbd8d1;border-radius:999px;cursor:pointer;background:#fff}.person-chip input:checked+span{background:#e4f3ec;border-color:var(--primary);color:var(--primary);font-weight:800}.manage-list small{display:block;color:var(--muted);margin-top:3px}.check-line{flex-direction:row!important;align-items:center}.check-line input{width:auto!important}.toolbar{grid-template-columns:minmax(220px,1fr) repeat(4,auto)}@media(max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.view-tabs{position:sticky;top:68px;z-index:15}}

/* KAMPIRANJE 1.2.1 */
.destination-select-wrap label{font-size:15px;font-weight:800;color:#31443c;margin-bottom:2px}
.destination-select-wrap select{width:100%;min-height:48px;border:1px solid #cbd8d1;border-radius:10px;padding:11px 40px 11px 13px;background:#fff;color:var(--text);font-size:17px;font-weight:750;line-height:1.25;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.destination-select-wrap select:focus{outline:3px solid rgba(23,107,82,.15);border-color:var(--primary)}
.top-actions{min-width:0}
.top-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
@media(max-width:760px){
  .topbar{height:auto;min-height:68px;padding-top:8px;padding-bottom:8px;gap:10px}
  .top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .top-nav-btn{display:inline-flex;padding:7px 9px;font-size:13px}
  .top-nav-btn span{display:none}
}
@media(max-width:520px){
  .brand strong{font-size:14px}
  .brand>span{font-size:25px}
  .top-actions{flex:1}
  .top-nav-btn{padding:7px 8px}
  .btn.ghost.small{padding:7px 8px}
}

.item-actions{display:flex;gap:7px;align-items:center;padding:8px 10px}.item-actions .btn{padding:7px 10px;font-size:12px;white-space:nowrap}.item-actions .danger-outline{color:var(--danger);border-color:#e9b6b1}
@media(max-width:560px){.item{grid-template-columns:84px minmax(0,1fr)}.item-actions{grid-column:2;justify-content:flex-end;padding:0 8px 9px}.item-actions .btn{padding:6px 9px}.top-nav-btn span{display:inline}}

/* KAMPIRANJE 1.2.4 */
.destination-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f7faf8;color:#425049;font-size:14px}
.destination-details[hidden]{display:none}
.destination-details span{display:inline-flex;gap:5px;align-items:center}
.destination-map-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;text-decoration:none;padding:6px 10px;border:1px solid #b9d6ca;border-radius:9px;background:#fff}
.destination-map-link:hover{background:#eaf4ef}
@media(max-width:560px){.destination-details{display:grid;gap:8px}.destination-map-link{justify-content:center}.hero-buttons{grid-template-columns:1fr 1fr}.hero-buttons .danger-outline{grid-column:1/-1}}

/* KAMPIRANJE 1.2.6 */
.settings-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.settings-section-head strong,.settings-section-head small{display:block}.settings-section-head small{color:var(--muted);margin-top:3px}
.destination-manage-row.selected{border-color:#9bc8b7;background:#f0f8f4}
.manage-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:620px){.settings-section-head{align-items:stretch;flex-direction:column}.destination-manage-row{align-items:flex-start!important;flex-direction:column}.manage-actions{width:100%;justify-content:flex-start}.manage-actions .btn{flex:1}.hero-buttons{display:block}.hero-buttons .btn{width:100%}}


/* KAMPIRANJE 1.2.8 */
.brand{color:#fff;text-decoration:none}
.brand:hover{color:#fff;text-decoration:none}
.category-head,.category-head strong,.category-head span{color:var(--text)}
.destination-name-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;text-decoration:none}
.destination-name-link:hover,.destination-name-link:focus,.destination-name-link:active,.destination-name-link:visited{text-decoration:none!important;color:var(--primary)}
.auth-links{display:flex;justify-content:center;margin-top:14px}
.auth-links a{color:var(--primary);font-weight:700;text-decoration:none}
.auth-links a:hover{text-decoration:underline}
@media(max-width:560px){.category-head,.category-head strong,.category-head span{color:var(--text)!important}}

.brand-logo,.auth-title-link{color:inherit;text-decoration:none}.brand-logo{display:inline-block}.auth-title-link:hover{text-decoration:none}

/* KAMPIRANJE 1.2.8.1 */
.view-tab{color:var(--text);-webkit-text-fill-color:var(--text)}
.view-tab.active{color:#fff;-webkit-text-fill-color:#fff}
.destination-details{align-items:flex-start}
.destination-camp-row,.destination-info-row,.destination-plan-row{display:flex;align-items:flex-start}
.destination-info-row{gap:6px}
.destination-info-row>strong{white-space:nowrap}
.destination-info-row>span{min-width:0}
.manage-actions{flex-wrap:nowrap}
.manage-actions .btn{white-space:nowrap}
.site-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:13px}
.site-footer-inner{max-width:1180px;margin:0 auto;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
@media(max-width:620px){
  .view-tab{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
  .view-tab.active{color:#fff!important;-webkit-text-fill-color:#fff!important}
  .destination-details{display:block;padding:13px 14px}
  .destination-camp-row{margin-bottom:10px}
  .destination-name-link{font-size:16px;line-height:1.4}
  .destination-info-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:start;margin-top:7px;line-height:1.45}
  .destination-info-row>strong,.destination-info-row>span{line-height:1.45}
  .destination-plan-row{margin-top:11px}
  .destination-map-link{justify-content:center;width:100%}
  .manage-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
  .manage-actions .btn{min-width:0;width:100%;padding-left:6px;padding-right:6px}
  .site-footer-inner{flex-direction:column;align-items:stretch;text-align:left;gap:6px}
  .site-footer-inner span:last-child{text-align:left}
}


/* KAMPIRANJE 1.2.8.2 */
.site-footer-inner > span:first-child strong{font-weight:800;color:var(--text)}
.destination-details{align-items:center}
.destination-camp-row,.destination-info-row,.destination-plan-row{align-items:center}
.destination-info-row>strong,.destination-info-row>span{display:flex;align-items:center;min-height:34px}
.destination-manage-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.destination-manage-info>strong{display:block}
.destination-manage-info>span{display:block;color:var(--muted);line-height:1.35}
@media(max-width:620px){
  .site-footer-inner{align-items:center;text-align:center}
  .site-footer-inner span,.site-footer-inner span:last-child{text-align:center}
  .destination-info-row{align-items:start}
  .destination-info-row>strong,.destination-info-row>span{display:block;min-height:0}
}


/* KAMPIRANJE 1.2.9 */
.destination-name-link,.destination-name-link:link,.destination-name-link:visited,.destination-name-link:hover,.destination-name-link:focus,.destination-name-link:active{color:var(--primary)!important;text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important;box-shadow:none!important}
.destination-name-link:hover{opacity:.82}
.destination-manage-row{gap:16px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.destination-manage-row:hover{border-color:#b9d6ca;box-shadow:0 6px 18px rgba(26,52,42,.08);transform:translateY(-1px)}
.destination-manage-info{gap:7px}
.destination-manage-info>strong{font-size:16px;color:var(--text)}
.destination-manage-meta{display:flex!important;align-items:flex-start;gap:8px;color:var(--muted);line-height:1.4}
.destination-manage-meta .meta-icon{flex:0 0 20px;text-align:center}
.destination-manage-meta a{color:var(--primary);font-weight:750;text-decoration:none}
.destination-manage-meta a:hover{text-decoration:none;opacity:.82}
@media(max-width:620px){
  .view-tabs{top:68px}
  .toolbar{position:sticky;top:126px;z-index:14;box-shadow:0 8px 22px rgba(26,52,42,.12)}
  .destination-manage-row{padding:14px!important}
  .destination-manage-info{width:100%}
}
@media(prefers-reduced-motion:reduce){.category-body,.chevron,.destination-manage-row{transition:none!important}}


/* KAMPIRANJE 1.3.0 */
.destination-manage-row{display:flex;align-items:stretch!important}
.destination-manage-info{flex:1;min-width:0}
.destination-list-title{display:block!important;margin-bottom:4px;font-size:17px!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
.destination-manage-meta{display:grid!important;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;line-height:1.45}
.destination-manage-meta .meta-icon{display:block;flex:none;width:26px;text-align:center;color:initial!important;-webkit-text-fill-color:initial!important}
.destination-manage-meta .meta-content{display:block;min-width:0;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
.destination-manage-meta .meta-content strong{font-weight:800;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
.destination-manage-meta .camp-name{font-weight:700}
.destination-manage-meta a{color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important;text-decoration:none!important}
.destination-manage-meta a:hover{text-decoration:none!important;opacity:.82}
.destination-manage-row .manage-actions{align-self:flex-end;margin-left:auto}
.destination-inline-link{color:var(--primary);font-weight:750;text-decoration:none}
.destination-inline-link:hover{text-decoration:none;opacity:.82}
@media(max-width:620px){
  .tabs .tab,.tabs .tab:link,.tabs .tab:visited,.tabs .tab:hover,.tabs .tab:focus,.tabs .tab:active{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
  .tabs .tab.active{color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important}
  .manage-list>div,.manage-list>div span,.manage-list>div strong,.destination-manage-row,.destination-manage-info,.destination-list-title{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}
  .destination-manage-meta a{color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important}
  .destination-manage-row{align-items:stretch!important}
  .destination-manage-row .manage-actions{align-self:stretch;margin-left:0;margin-top:8px}
}


/* KAMPIRANJE 1.3.1 */
.destination-details{display:grid;grid-template-columns:max-content max-content minmax(0,1fr) auto;align-items:center;gap:8px 10px}
.destination-camp-row{grid-column:1/-1;margin-bottom:2px}
.destination-info-row{display:contents}
.destination-info-icon{width:20px;text-align:center;color:var(--primary)}
.destination-info-row>strong{white-space:nowrap;min-height:0!important}
.destination-info-row>span{min-width:0;min-height:0!important}
.destination-plan-row{grid-column:4;grid-row:2/span 10;align-self:end;justify-self:end}
.destination-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--primary);background:#fff;border:1px solid #b9d6ca;text-decoration:none!important;font-size:20px;transition:background .15s ease,transform .15s ease}
.destination-plan-icon:hover,.destination-plan-icon:focus{background:#eaf4ef;color:var(--primary);text-decoration:none!important;transform:translateY(-1px)}
.destination-card-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:12px;margin-left:auto;align-self:stretch}
.manage-plan-icon{width:38px;height:38px}
.destination-manage-meta .meta-icon i{color:var(--primary)}
.destination-manage-meta a{overflow-wrap:anywhere}
@media(max-width:620px){
  .destination-details{display:grid;grid-template-columns:22px 76px minmax(0,1fr);gap:8px;align-items:start}
  .destination-camp-row{grid-column:1/-1;margin-bottom:4px}
  .destination-info-row{display:contents}
  .destination-info-icon{grid-column:1}
  .destination-info-row>strong{grid-column:2;display:block!important;line-height:1.45}
  .destination-info-row>span{grid-column:3;display:block!important;line-height:1.45;overflow-wrap:anywhere}
  .destination-plan-row{grid-column:3;grid-row:auto;justify-self:start;margin-top:4px}
  .destination-manage-row{flex-direction:column}
  .destination-card-side{width:100%;align-items:stretch;margin-left:0;gap:8px}
  .manage-plan-icon{align-self:flex-end}
  .destination-manage-row .manage-actions{margin-top:0}
}