:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17201d;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:#12372b;color:#fff;display:flex;flex-direction:column;position:fixed;width:245px;height:100vh;z-index:5}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #ffffff18}.brand>span{width:38px;height:38px;border:2px solid #efc34a;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#efc34a}.brand div{display:flex;flex-direction:column}.brand small,.aside-foot small{color:#b9cdc6;margin-top:2px}nav{padding:18px 10px;display:grid;gap:5px}nav button{border:0;background:transparent;color:#c9d8d2;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;text-align:left}nav svg{width:19px}nav button:hover,nav button.active{background:#ffffff14;color:#fff}nav button:disabled{opacity:.48;cursor:not-allowed}nav button:disabled:hover{background:transparent;color:#c9d8d2}nav button small{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.aside-foot{margin-top:auto;padding:18px;display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff18}.aside-foot>div{display:flex;flex:1;flex-direction:column;font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;background:#efc34a;color:#19362d;display:grid;place-items:center;font-weight:800}.icon{border:0;background:transparent;color:inherit;padding:5px;display:grid;place-items:center}.icon svg{width:20px}main{grid-column:2}header{height:76px;background:#fff;border-bottom:1px solid #e1e7e4;padding:0 34px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:3}header>div:not(.spacer){display:flex;flex-direction:column}header small{font-size:10px;color:#728079;letter-spacing:.1em}.spacer{flex:1}.badge{font-size:11px;font-weight:800;color:#176b4d;background:#e2f5ed;padding:6px 9px;border-radius:20px}.badge.warn{background:#fff4d4;color:#8c6200}.content{padding:32px;max-width:1440px;margin:auto}.title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:20px}.title h1{font-size:27px;margin:0 0 7px}.title p,.panel-head p{margin:0;color:#68756f}.primary,.secondary{border:0;border-radius:7px;padding:10px 15px;font-weight:700}.primary{background:#176b4d;color:#fff}.primary:hover{background:#11543c}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#edf1ef;color:#263c34}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat,.panel{background:#fff;border:1px solid #e1e7e4;border-radius:12px;box-shadow:0 2px 6px #1a3a2d08}.stat{padding:22px;display:grid;grid-template-columns:48px 1fr}.stat-icon{grid-row:1/4;width:38px;height:38px;border-radius:9px;background:#e6f3ee;color:#176b4d;display:grid;place-items:center}.stat-icon svg{width:20px}.stat p{margin:0;color:#68756f;font-size:13px}.stat strong{font-size:25px;margin:5px 0}.stat small{color:#87928d}.panel{margin-bottom:20px}.panel-head{padding:20px 22px;border-bottom:1px solid #edf0ef;display:flex;justify-content:space-between}.panel h2,.panel-head h2{font-size:17px;margin:0 0 5px}.team-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:18px}.team-grid>div{text-align:center;border-right:1px solid #edf0ef}.team-grid>div:last-child{border:0}.team-grid span{display:block;color:#68756f;font-size:13px}.team-grid b{display:block;font-size:22px;margin-top:6px}.filters{display:flex;gap:12px;margin-bottom:16px}.search{flex:1;position:relative}.search svg{position:absolute;left:12px;top:11px;width:18px;color:#6b7872}.search input{padding-left:40px!important}input,select{width:100%;border:1px solid #cfd8d4;border-radius:7px;background:#fff;padding:10px 11px;outline:none}input:focus,select:focus{border-color:#25785a;box-shadow:0 0 0 3px #1c75541b}.filters select{width:190px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{text-align:left;background:#f8faf9;color:#66736d;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:11px 16px;border-bottom:1px solid #e6ebe9}td{padding:14px 16px;border-bottom:1px solid #edf0ef;font-size:14px}td small{display:block;color:#77837d;margin-top:4px}.status{display:inline-flex;align-items:center;max-width:210px;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:750;background:#eef1f0;color:#56635e}.status:before{content:"●";margin-right:5px}.status.placeno,.status.aktivan,.status.spremno,.status.postavljeno{background:#e6f5ee;color:#176846}.status.neplaceno{background:#fff0eb;color:#a64326}.status.djelomicno-placeno,.status.potrebno-postaviti-clanarinu,.status.postojeci-comet-id-–-preskocit-ce-se,.status.moguce-podudaranje-imena-i-datuma{background:#fff4d9;color:#886000}.status.nema-obveze{color:#68756f;background:#f0f2f1}.status.compact{font-size:0;padding:7px}.status.compact:before{font-size:13px;margin:0}.link{border:0;background:transparent;color:#176b4d;font-weight:700;padding:6px}.link.danger{color:#a33c28}.empty{padding:38px;text-align:center;color:#74817b}.overlay{position:fixed;inset:0;background:#12251f99;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:13px;width:min(700px,100%);max-height:92vh;overflow:auto}.form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.settings label,.payment-form label,.login label,.import-settings label{font-size:13px;font-weight:650;color:#44534d}.form-grid input,.form-grid select,.settings input,.payment-form input,.payment-form select,.login input,.import-settings input,.import-settings select{margin-top:6px}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.actions{border-top:1px solid #edf0ef;padding:16px 22px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.monthly th:not(:first-child),.monthly td:not(:first-child){text-align:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.payment-form,.settings{padding:22px}.payment-form{display:grid;gap:14px}.payment{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #edf0ef}.payment>div{display:flex;flex:1;flex-direction:column}.payment small{color:#738078;margin-top:3px}.import{padding-bottom:1px}.drop{margin:22px;border:2px dashed #b7c9c1;border-radius:10px;padding:30px;text-align:center;color:#65746e}.drop:hover{border-color:#176b4d;background:#f7fbf9}.drop.dragging{border-color:#176b4d;background:#eef8f3}.import .filters{padding:0 22px 16px}.import .panel-head p+p{margin-top:6px}.drop svg{color:#176b4d}.drop h2{margin:8px 0}.drop p{margin:0}.import-settings{padding:0 22px 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice,.error{margin:0 22px 20px;padding:12px;border-radius:7px;background:#eef5f2;color:#285543;font-size:13px}.notice.warn{margin:0 0 15px;background:#fff4d4;color:#73530a}.warning-text{display:block;color:#8c6200;margin-top:5px;max-width:280px}.inline-check{flex-direction:row!important;align-items:center;gap:8px}.inline-check input{width:auto;margin:0}.small-modal{max-width:620px}.small-modal .form-grid>div{display:flex;flex-direction:column;gap:5px}.error{margin:10px 0;background:#fff0eb;color:#9a3c23}.settings{display:flex;flex-direction:column;gap:16px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{background:#edf5f2;color:#285c49;border-radius:20px;padding:6px 9px;font-size:12px}.chips button{border:0;background:transparent;color:inherit}.inline{display:flex;gap:8px}.login{min-height:100vh;background:#12372b;display:grid;place-items:center;padding:20px}.login-card{background:#fff;border-radius:15px;padding:35px;width:min(420px,100%);box-shadow:0 20px 60px #081e1655}.login-brand{padding:0;border:0;height:auto;color:#173d30;margin-bottom:35px}.login-brand small{color:#6d7b75}.login-card h1{margin:0 0 7px}.login-card>p{color:#6b7872;margin:0 0 23px}.login form{display:grid;gap:15px}.wide{width:100%}.centered{text-align:center}.toast{position:fixed;right:25px;bottom:25px;background:#173d30;color:#fff;padding:13px 18px;border-radius:8px;z-index:50;box-shadow:0 8px 25px #142b2244}.mobile{display:none}.money-input{display:flex;align-items:center;margin-top:6px;border:1px solid #cfd8d4;border-radius:7px;background:#fff;overflow:hidden}.money-input:focus-within{border-color:#25785a;box-shadow:0 0 0 3px #1c75541b}.money-input input{margin:0!important;border:0!important;box-shadow:none!important}.money-input span{padding:0 12px;color:#617069;font-weight:700;border-left:1px solid #e1e7e4}.saved-price{background:#f7f9f8;border:1px solid #e1e7e4;border-radius:8px;padding:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.saved-price h3,.saved-price p{width:100%;margin:0 0 8px}.saved-price>div{width:100%;padding-top:7px;border-top:1px solid #e5eae8;display:flex;justify-content:space-between;gap:16px}.member-lifecycle{margin:0 22px 22px;padding:18px;border:1px solid #e1e7e4;border-radius:9px;background:#fafcfb}.member-lifecycle h3{margin:0 0 6px}.member-lifecycle p{margin:0 0 14px;color:#68756f;font-size:13px}.permanent-delete{margin-top:20px;padding-top:16px;border-top:1px solid #edf0ef;display:grid;gap:9px}.permanent-delete label{font-size:13px}.permanent-delete small{color:#7b625c}.permanent-delete .danger{justify-self:start;font-size:12px}.permanent-delete .danger:disabled{opacity:.45;cursor:not-allowed}@media(max-width:800px){.shell{display:block}.mobile{display:grid}aside{transform:translate(-100%);transition:.2s}aside.open{transform:translate(0);box-shadow:10px 0 40px #0004}main{grid-column:auto}header{height:64px;padding:0 16px}.content{padding:20px 14px}.title{align-items:flex-start}.title h1{font-size:23px}.cards,.split{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(4,1fr);gap:15px}.team-grid>div{border:0}.filters{flex-direction:column}.filters select{width:100%}.form-grid,.import-settings{grid-template-columns:1fr}.wide{grid-column:auto}.badge{max-width:130px;text-align:center}.actions{flex-wrap:wrap}.actions span{width:100%}}:root{color:#1d2a25;background:#f7f4ed}body{background:#f7f4ed;line-height:1.45;overflow-x:hidden}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #d8ad45;outline-offset:2px}.shell{grid-template-columns:218px minmax(0,1fr)}aside{width:218px;background:#0d3428;border-right:1px solid #092a20}.brand{height:72px;padding:8px 15px;gap:10px;border-bottom-color:#ffffff1c}.brand img{width:42px;height:52px;object-fit:contain;flex:0 0 auto}.brand b{font-size:14px;letter-spacing:.01em}.brand small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b9c9c2}nav{padding:14px 9px;gap:3px}nav button{min-height:42px;padding:9px 11px;border-radius:7px;font-size:13px;border-left:3px solid transparent}nav button:hover{background:#ffffff0d}nav button.active{background:#ffffff12;border-left-color:#d8ad45;color:#fff}nav svg{width:18px;height:18px}.aside-foot{padding:14px 13px}.avatar{background:#d8ad45;width:32px;height:32px;font-size:12px}main{min-width:0}header{height:72px;background:#fffdf8;border-bottom-color:#dedbd3;padding:0 28px}header small{color:#7a827e}.badge{border:1px solid #cde5da;background:#edf8f2;letter-spacing:.04em}.content{max-width:1380px;padding:28px 30px 40px}.title{align-items:center;margin-bottom:20px}.title h1{font-size:28px;line-height:1.2;letter-spacing:-.02em;color:#15392d}.eyebrow{display:block;color:#9a741c;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:6px}.primary,.secondary{min-height:38px;border-radius:7px;padding:8px 14px;transition:background-color .12s,border-color .12s}.primary{background:#176348;box-shadow:0 1px 2px #0b30231f}.primary:hover{background:#104e39}.secondary{background:#f4f1ea;border:1px solid #dcd7cd}.secondary:hover{background:#ece7dd}.panel,.stat{border-color:#dedbd3;border-radius:10px;box-shadow:0 3px 12px #1a302509}.filters{align-items:center;gap:10px;margin-bottom:14px}input,select,textarea{border-color:#cecfc9;border-radius:6px;background:#fffefa;padding:9px 10px;color:#24312c}textarea{width:100%;min-height:82px;resize:vertical;margin-top:6px}.search svg{top:10px}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}table{min-width:720px}th{background:#f4f2ec;color:#626b67;padding:10px 13px;border-bottom-color:#ddd9d0}td{padding:11px 13px;border-bottom-color:#ebe7de;vertical-align:middle}tbody tr:hover{background:#fcfaf5}.status{border-radius:999px;border:1px solid transparent;padding:4px 8px;white-space:nowrap}.overlay{background:#09251db3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{border:1px solid #d8d4ca;border-radius:11px;box-shadow:0 24px 70px #071a1440}.panel-head{padding:18px 20px;border-bottom-color:#e8e3d9;align-items:flex-start}.actions{padding:14px 20px;border-top-color:#e8e3d9}.modal-close{border-radius:6px;color:#56625d}.modal-close:hover{background:#f0ede6}.menu-backdrop{display:none}.supporter-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-card{background:#fffdf9;border:1px solid #dedbd3;border-radius:9px;padding:15px 16px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 8px #1a302507}.summary-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#e9f3ee;color:#176348}.summary-card.gold>span{background:#f6ecd2;color:#936c12}.summary-card svg{width:19px}.summary-card div{display:grid}.summary-card small{color:#69736f;font-size:12px}.summary-card strong{font-size:21px;color:#18392e;line-height:1.25}.summary-card em{color:#8a918e;font-size:10px;font-style:normal}.supporters-panel{overflow:hidden}.supporters-table{min-width:1080px}.supporters-table .money{text-align:right;font-variant-numeric:tabular-nums}.strong-money{font-weight:750;color:#263b33}.missing-fee{display:inline-block;color:#785d1e;background:#faf0d5;border:1px solid #ecd99f;padding:4px 7px;border-radius:5px;font-size:11px;font-weight:750}.payment-status.paid{background:#e8f5ed;color:#17613f;border-color:#cde6d6}.payment-status.partial{background:#fff3d8;color:#805d0b;border-color:#ead59e}.payment-status.unpaid,.payment-status.missing{background:#f1f2ef;color:#515d58;border-color:#dfe1dc}.activity-status.active{background:#eef6f1;color:#28634a;border-color:#d6e8dd}.activity-status.inactive{background:#f2f1ee;color:#6c716f;border-color:#dfddd7}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.details-link{padding:7px 8px}.payment-action{padding:6px 9px;min-height:32px;color:#174d3b;font-size:12px}.obligation-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e4dfd5;margin:18px 20px 0;border:1px solid #e4dfd5;border-radius:8px;overflow:hidden}.obligation-summary div{background:#f8f5ee;padding:13px 15px;display:grid}.obligation-summary small{color:#717975;font-size:11px}.obligation-summary b{color:#173d30;font-size:19px}.payment-entry-modal .form-grid{padding-top:16px}@media(max-width:800px){.shell{display:block}aside{width:min(280px,86vw);z-index:12}.shell.menu-open aside{position:relative;width:100%;height:auto;min-height:0;transform:none;box-shadow:none}.shell.menu-open nav{grid-template-columns:repeat(2,minmax(0,1fr))}.shell.menu-open .aside-foot{margin-top:0}.shell.menu-open .menu-backdrop{display:none}header{padding:0 14px}.content{padding:20px 13px 30px}.title{align-items:flex-start;flex-direction:column;gap:14px}.title .primary{width:100%}.supporter-stats{grid-template-columns:1fr;gap:8px}.summary-card{padding:12px 14px}.filters{align-items:stretch}.supporters-panel{margin-left:0;margin-right:0}.overlay{padding:10px;align-items:end}.modal{width:100%;max-height:94vh;border-radius:11px 11px 0 0}.obligation-summary{margin:14px 14px 0}.form-grid{padding:16px 14px}.actions{padding:13px 14px}}.team-fee-grid table{min-width:max-content}.team-fee-grid th,.team-fee-grid td{min-width:145px}.team-fee-grid th:first-child,.team-fee-grid td:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:80px}.team-fee-grid th:first-child{background:#f8faf9}.fee-cell{border:1px solid transparent;border-radius:8px;padding:5px}.fee-cell input{min-width:105px}.fee-cell.unsaved{background:#fff7dc;border-color:#e8bd47}.fee-cell.unsaved small{color:#7b5900}.fee-cell.invalid{background:#fff0eb;border-color:#c96546}.fee-review{margin:0 22px 22px;padding:18px;border:1px solid #dce5e1;border-radius:9px;background:#f8faf9}.fee-review h3{margin-top:0}.fee-review>div:not(.actions){display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #e2e8e5}.fee-review p{color:#5f6e67}.error-inline{color:#9a3c23;margin-right:auto}.verification-page{min-height:100dvh;padding:24px 16px;display:grid;place-items:center;background:#eef3ef;color:#193c2e}.verification-panel{width:100%;max-width:460px;padding:32px 22px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 12px 40px #193c2e12;overflow-wrap:anywhere}.verification-panel>img{width:80px;height:96px;object-fit:contain}.verification-panel h1{font-size:clamp(25px,7vw,34px);line-height:1.2;margin:20px 0}.verification-panel h2{font-size:24px}.verification-symbol{width:100px;height:100px;margin:24px auto;border-radius:50%;display:grid;place-items:center;font-size:64px;font-weight:700}.verification-symbol.valid{color:#08783f;background:#dcf7e6}.verification-symbol.invalid{color:#9e4343;background:#f6e9e9}.verification-symbol.loading{background:#eff3f0}.verification-identity{padding:12px 0}.checked-time{font-size:13px;color:#54675b;margin:24px 0}.supporter-card-admin{margin:20px 0;padding:18px;border:1px solid #d9e3db;border-radius:12px}.supporter-card-admin p{line-height:1.5}.supporter-card-admin .inline-check{display:flex;gap:10px;align-items:flex-start}.supporter-card-admin .inline-check input{width:auto;flex-shrink:0}.card-help{font-size:13px;color:#54675b}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.card-confirm{padding:14px;background:#f7f0e4;border-radius:8px}.card-preview-overlay{position:fixed;inset:0;z-index:10000;background:#e7eee9;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:24px}.card-preview-controls{max-width:620px;text-align:center}.card-preview-controls button{margin:4px}.supporter-print-card{background:#fff;width:min(620px,100%);padding:26px;border:1px solid #cad9cf;border-radius:18px;box-shadow:0 12px 30px #193c2e14;color:#193c2e}.supporter-print-card header{display:flex;gap:16px;align-items:center;border-bottom:2px solid #d4ae55;padding-bottom:16px}.supporter-print-card header img{width:60px;height:72px;object-fit:contain}.supporter-print-card h2{font-size:30px;margin:0}.supporter-print-card header p{font-size:11px;letter-spacing:1px}.card-front-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.card-front-body h3{font-size:24px;overflow-wrap:anywhere}.card-front-body>div{min-width:0}.card-qr{width:190px;height:190px;flex-shrink:0}.supporter-print-card footer{font-size:11px;color:#526b5a}@media(max-width:480px){.card-preview-overlay{justify-content:flex-start;padding:16px}.supporter-print-card{padding:18px}.card-front-body{flex-direction:column;align-items:flex-start}.card-qr{align-self:center;width:210px;height:210px}.card-front-body h3{font-size:22px}}@media print{@page{size:A4;margin:15mm}body>*{display:none!important}body>.card-preview-overlay{display:block!important;position:static;background:#fff;padding:0;overflow:visible}.card-preview-controls{display:none!important}.supporter-print-card{width:150mm;max-width:100%;padding:7mm;box-shadow:none;border:.3mm solid #cad9cf;border-radius:4mm;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.card-front-body{flex-direction:row}.card-qr{width:45mm;height:45mm}.supporter-print-card header img{width:16mm;height:19mm}}