:root{--pine:#173d33;--dark:#1b3b33;--sea:#29594b;--ink:#213d35;--soft:#8ca398;--peach:#c99c82;--pale:#f7f5f0;--white:#fff;--line:#e5e8e2;--muted:#71827b;--shadow:0 14px 36px rgba(25,55,42,.075)}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f9f7f3;-webkit-text-size-adjust:100%}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #92b6a6;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-name{font-family:Georgia,"Times New Roman",serif}h1 em,h2 em{font-weight:400;color:#c0d6c4}.app-wrap{max-width:1400px;margin:auto;min-height:100vh}.topbar{height:94px;background:#fff;border-bottom:1px solid var(--line);padding:14px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:12px}.identity{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{background:var(--pine);height:57px;width:57px;flex:0 0 57px;border-radius:17px;color:white;display:grid;place-items:center;font:43px Georgia,serif;position:relative;padding-bottom:5px}.brand-icon span{color:#d6a78e;font-size:27px;position:absolute;bottom:-2px;right:7px}.brand-name{font-size:33px;font-weight:700;line-height:1;letter-spacing:-1.6px}.brand-sub{font-size:9px;letter-spacing:3.2px;font-weight:800;color:#849187;margin-top:7px;white-space:nowrap}.head-actions{display:flex;align-items:center;gap:12px}.scope{font-size:10px;color:#ad795c;letter-spacing:1.6px;font-weight:800;border:1px solid #e7c8b5;border-radius:100px;padding:9px 12px;white-space:nowrap}.btn-ghost,.btn-quiet{background:transparent;border:none;color:#456357;font-weight:700}.btn-ghost{font-size:13px;text-decoration:underline;text-underline-offset:3px}.gate{display:grid;place-items:center;min-height:calc(100vh - 94px);padding:30px 20px}.gate-card{max-width:660px;width:100%;padding:clamp(28px,5vw,57px);border:1px solid var(--line);background:#fff;border-radius:28px;box-shadow:var(--shadow)}.gate h1{font-size:clamp(42px,6vw,62px);letter-spacing:-2px;line-height:1.13;margin:20px 0}.gate h1 em{color:#79a28c}.gate p{line-height:1.7;color:#6c8278}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:#bc8d75}.eyebrow.light{color:#bdd7c8}.eyebrow .soft{color:#799487}.notice{padding:16px;margin:25px 0;border-radius:13px;font-size:14px;line-height:1.6}.notice.warning{background:#fff4e9;color:#865f45;border:1px solid #f1dcc3}.btn-primary{border:1px solid #245344;background:var(--sea);color:#fff;border-radius:11px;padding:13px 18px;font-weight:800;display:inline-flex;justify-content:space-between;align-items:center;gap:22px;transition:background .2s}.btn-primary:hover{background:#183d34}.btn-primary.compact{padding:12px 14px;white-space:nowrap;font-size:14px}.btn-secondary{background:#fff;color:var(--sea);border:1px solid #cadacf;padding:12px 15px;border-radius:11px;font-weight:800}.btn-secondary.full{width:100%;margin-top:16px;font-size:12px}.btn-plus{height:40px;width:40px;display:grid;place-items:center;font-size:26px;font-weight:350;background:var(--sea);color:#fff;border:none;border-radius:11px}.btn-danger-text{background:none;border:none;color:#a45c52;font-size:12px;text-decoration:underline;text-underline-offset:3px}.form-stack{display:grid;gap:18px;margin:22px 0}.form-stack label,.modal label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#557166}.form-stack input,.modal input{background:#fcfdfb;border:1px solid #d8e1da;border-radius:10px;min-height:46px;width:100%;padding:10px 12px;color:#203c32}.small-muted{font-size:12px;color:#82938a;line-height:1.6}.demo-warning{padding:11px 24px;background:#fff0e2;color:#895f42;text-align:center;font-size:12px;border-bottom:1px solid #edd2b5;line-height:1.55}.hero{margin:30px clamp(16px,3.2vw,50px) 17px;background:linear-gradient(120deg,#173c32,#20483b 70%,#28644c);border-radius:28px;min-height:260px;display:flex;align-items:center;justify-content:space-between;padding:clamp(27px,4vw,51px);overflow:hidden;position:relative;color:#fff}.hero h1{font-size:clamp(39px,5.8vw,70px);margin:17px 0;line-height:1.16;letter-spacing:-1.8px;font-weight:400;position:relative;z-index:1}.hero p{font-size:15px;line-height:1.6;position:relative;z-index:1;color:#d5e6da;margin-bottom:0}.hero-mark{font-size:240px;position:absolute;line-height:1;right:4%;top:10px;color:rgba(173,205,179,.14);transform:rotate(-12deg)}.overview{margin:0 clamp(16px,3.2vw,50px) 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.kpi{background:white;border:1px solid var(--line);border-radius:18px;padding:22px 25px}.kpi span{display:block;font-size:12px;color:#758b7c;font-weight:700;margin-bottom:7px}.kpi strong{font:38px Georgia,serif}.kpi strong.smaller{font-size:22px}.main-layout{display:grid;grid-template-columns:minmax(270px,335px) minmax(0,1fr);gap:18px;margin:0 clamp(16px,3.2vw,50px) 30px;align-items:start}.clients-panel,.workspace{min-width:0}.clients-panel{background:white;padding:22px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:9px}.section-title-row h2{font-size:27px;margin:7px 0 19px}.search-box{border:1px solid #e0e6df;border-radius:12px;display:flex;align-items:center;gap:7px;padding:4px 12px;background:#fbfcfa;color:#9cae9e}.search-box span{font-size:24px}.search-box input{border:0;background:transparent;min-width:0;width:100%;padding:10px 0;outline:none;color:var(--ink);font-size:13px}.client-list{display:grid;gap:7px;margin:17px 0 8px;max-height:590px;overflow:auto}.person-item{border:1px solid transparent;padding:14px 11px;border-radius:13px;display:flex;gap:11px;align-items:center;background:#fff;text-align:left;width:100%;min-width:0}.person-item:hover{background:#f5f7f3}.person-item.active{border-color:#d1ded2;background:#edf4ed}.avatar{height:41px;width:41px;border-radius:13px;background:#e2ebe3;color:#2b5a47;font:21px Georgia,serif;display:grid;place-items:center;flex:0 0 41px}.person-item.active .avatar{background:#315d4d;color:white}.person-info{min-width:0;display:grid;gap:4px}.person-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.person-info small{color:#849489;font-size:11px}.person-arrow{margin-left:auto;color:#88a38e;font-size:19px}.client-empty{font-size:12px;color:#91a197;text-align:center;padding:20px}.workspace{min-height:440px}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:6px 0 22px;flex-wrap:wrap}.detail-head h2{font-size:clamp(28px,3vw,43px);margin:5px 0}.detail-sub{font-size:12px;color:#87968b}.detail-actions{display:flex;gap:8px;align-items:center}.detail-actions .btn-quiet{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}.metric-card{border:1px solid #e5e9e4;border-radius:18px;padding:17px 14px;background:#fff;min-width:0;box-shadow:0 4px 13px rgba(20,62,47,.028)}.metric-title{font-size:12px;color:#769083;font-weight:800;display:flex;justify-content:space-between;align-items:center}.metric-glyph{font-size:17px;background:#eff3ec;color:#436d55;padding:5px 8px;border-radius:11px}.metric-value{font:clamp(21px,2.6vw,34px) Georgia,serif;margin:15px 0 6px;white-space:nowrap}.metric-value span{font-size:13px;color:#95a296;font-family:system-ui}.metric-change{font-size:11px;font-weight:750;color:#638575;min-height:16px}.metric-change.positive{color:#b9856d}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:clamp(17px,3vw,26px);margin-bottom:15px;box-shadow:var(--shadow)}.chart-header,.history-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel h3{font-size:29px;margin:5px 0 0}.chart-choice select{padding:10px 11px;background:#f4f8f3;color:#365e4c;border:1px solid #dfe8dc;border-radius:11px;font-weight:700;max-width:170px}.chart-area{height:235px;display:flex;align-items:center;justify-content:center}.chart-area svg{width:100%;height:210px;overflow:visible}.chart-caption{color:#849287;font-size:12px;margin-bottom:0;line-height:1.5}.empty-chart{font-size:13px;color:#91a197}.history-header{margin-bottom:15px}.history-header .btn-quiet{font-size:12px}.table-scroll{max-width:100%;overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-align:left}.history-table thead th{font-size:10px;color:#748b7d;background:#f7f9f5;letter-spacing:.4px;padding:12px 9px}.history-table td{padding:12px 9px;border-bottom:1px solid #eef0ed;color:#536f5f}.history-table tr:last-child td{border-bottom:0}.actions-col{text-align:right}.table-btn{padding:6px;color:#496c5b;border:0;background:transparent;text-decoration:underline;text-underline-offset:2px;font-weight:650;font-size:11px}.table-btn.danger{color:#a96e62}.delete-client-line{display:flex;justify-content:flex-end;padding:10px}.empty-panel{background:white;text-align:center;border:1px solid var(--line);padding:80px 30px;border-radius:21px}.empty-panel h2{font-size:30px;margin:12px 0}.empty-panel p{font-size:14px;color:#7f9086}.empty-graphic{font-size:70px;color:#92b19e}footer{font-size:11px;color:#879b8b;display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:15px;padding:25px clamp(16px,3.2vw,50px);flex-wrap:wrap}.modal{width:min(560px,calc(100% - 24px));max-height:min(90vh,900px);overflow-y:auto;border:1px solid #dce6db;border-radius:21px;background:#fff;color:var(--ink);padding:23px;box-shadow:0 20px 70px #071f1e44}.modal::backdrop{background:rgba(12,36,29,.53)}.modal form{display:grid;gap:17px}.modal-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.modal-top h2{font-size:31px;margin:6px 0}.x-button{border:1px solid #dbe4d9;border-radius:9px;background:#f7faf6;font-size:25px;min-width:38px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal label small{font-weight:400;color:#91a094}.modal-client{color:#8da18f;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.required{color:#bc8068}.hint{font-size:12px;color:#8d9b8f;line-height:1.6}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);background:#1c4c3b;color:white;border-radius:12px;padding:12px 18px;font-size:13px;box-shadow:0 5px 20px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:999;max-width:min(90vw,440px)}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:950px){.main-layout{grid-template-columns:1fr}.clients-panel{position:static}.client-list{max-height:210px;display:flex;overflow-x:auto}.person-item{min-width:190px;width:190px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topbar{height:78px;padding:12px 18px}.brand-icon{height:49px;width:49px;flex-basis:49px;font-size:36px;border-radius:13px}.brand-name{font-size:28px}.brand-sub{font-size:7px;letter-spacing:2.15px}.scope{display:none}.head-actions{gap:1px}.hero{margin:15px 14px 13px;min-height:215px;padding:28px 24px;border-radius:23px}.hero h1{font-size:41px}.hero p{font-size:13px;max-width:235px}.hero-mark{font-size:185px;right:-17px;top:9px}.overview{margin:0 14px 16px;gap:7px}.kpi{padding:12px 11px;border-radius:12px}.kpi span{font-size:9px;min-height:28px}.kpi strong{font-size:28px}.kpi strong.smaller{font-size:13px}.main-layout{margin:0 14px 24px;gap:12px}.clients-panel{padding:16px;border-radius:16px}.section-title-row h2{font-size:25px;margin-bottom:12px}.client-list{margin-top:12px}.person-item{min-width:171px;width:171px}.person-info strong{font-size:12px}.detail-head{margin:7px 0 15px}.detail-head h2{font-size:30px}.detail-actions{width:100%;justify-content:space-between}.detail-actions .btn-quiet{padding-left:0}.metric-grid{gap:7px}.metric-card{padding:14px 13px;border-radius:14px}.metric-value{font-size:28px}.metric-title{font-size:11px}.metric-change{font-size:10px}.panel{border-radius:17px}.panel h3{font-size:26px}.chart-header{align-items:flex-start}.chart-choice select{font-size:12px;padding:9px}.chart-area{height:205px}.chart-area svg{height:190px}.modal{padding:19px}.input-grid{gap:12px}.modal label{font-size:12px}.modal input{padding:10px;font-size:16px}footer{padding:18px 16px}.gate{min-height:calc(100vh - 78px)}}

/* Klijentski prikaz: bez popisa drugih klijenata i vlasničkih radnji. */
#dashboardView.client-mode .main-layout { grid-template-columns: minmax(0,1fr); }
#dashboardView.client-mode #ownerClientsPanel,
#dashboardView.client-mode #ownerOverview,
#dashboardView.client-mode #editClientButton,
#dashboardView.client-mode #deleteClientButton,
#dashboardView.client-mode #exportClientButton { display:none!important; }
.client-info { margin:16px clamp(16px,3.2vw,50px);border:1px solid #cfdfcf; border-radius:14px;background:#f1f7f1; padding:15px 18px; color:#315848;font-size:13px;line-height:1.65; }
@media(max-width:620px){.client-info{margin:12px 14px}.head-actions .btn-ghost{font-size:11px;padding:7px 6px}.topbar{gap:8px}.head-actions{gap:2px}.brand-name{font-size:25px}}

/* Discentia – stranica privatnosti i zasebno potvrđivanje privole. */
.privacy-link{color:#28674e;text-decoration:underline;text-underline-offset:3px}.privacy-consent{display:flex!important;align-items:flex-start;gap:12px;border:1px solid #cfdcd1;border-radius:13px;padding:14px;background:#f3f8f2;line-height:1.55}.privacy-consent input[type=checkbox]{width:22px;height:22px;min-width:22px;min-height:22px;margin:1px 2px 0 0;accent-color:#29594b}.privacy-consent span{font-size:13px;font-weight:400;color:#355b4a}