: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}}.admin-list{border-bottom:1px solid #edf0ef}.admin-row{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid #edf0ef}.admin-row:last-child{border-bottom:0}.admin-row>div{min-width:0;flex:1;display:flex;flex-direction:column}.admin-row b{overflow-wrap:anywhere}.admin-row small,.admin-help small{color:#738078;margin-top:3px;line-height:1.45}.admin-add-form{border-top:0}.admin-help{align-self:end;padding-bottom:3px}.admin-row .link:disabled{opacity:.45;cursor:not-allowed}@media(max-width:720px){.admin-row{align-items:flex-start;flex-wrap:wrap}.admin-row .badge,.admin-row .link{margin-left:0}}.form-grid textarea{margin-top:6px;width:100%;min-height:74px;resize:vertical;border:1px solid #ccd6d1;border-radius:7px;padding:10px 11px;font:inherit;color:inherit;background:#fff}.form-grid label>small{display:block;margin-top:6px;color:#738078;font-weight:400;line-height:1.4}.notification-section-title{margin-top:4px;padding-top:18px;border-top:1px solid #edf0ef}.notification-section-title h3{margin:0 0 5px;font-size:15px}.notification-section-title p{margin:0;color:#68756f;font-size:13px;line-height:1.45}.settings-title{margin-bottom:14px}.settings-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px;margin:0 0 18px;border:1px solid #dfe7e3;border-radius:12px;background:#f7f9f8;scrollbar-width:thin}.settings-tabs button{flex:0 0 auto;border:0;border-radius:9px;padding:10px 14px;background:transparent;color:#5e6b65;font:inherit;font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}.settings-tabs button:hover{background:#edf3f0;color:#245f49}.settings-tabs button.active,.settings-tabs button[aria-selected=true]{background:#fff;color:#176b4d;box-shadow:0 1px 4px #213d3220}.settings-tabs button:focus-visible{outline:3px solid #1c75542b;outline-offset:1px}.settings-tab-content>.panel+.panel{margin-top:18px}.settings-tab-content>.title{margin-top:0}@media(max-width:640px){.settings-tabs{margin-left:-2px;margin-right:-2px;padding:4px}.settings-tabs button{padding:10px 12px;font-size:13px}}:root{--nk-green-950: #062a20;--nk-green-900: #073a2a;--nk-green-800: #0b5138;--nk-green-700: #0f6a49;--nk-green-600: #14845b;--nk-green-100: #e7f5ee;--nk-green-50: #f2faf6;--nk-ink: #17231f;--nk-muted: #6f7e77;--nk-line: #e3ebe7;--nk-surface: #ffffff;--nk-canvas: #f3f8f5;--nk-rose: #c94d59;--nk-rose-bg: #fff0f2;--nk-gold: #c9a44c;color:var(--nk-ink);background:var(--nk-canvas)}body{background:radial-gradient(circle at 78% -10%,#dff2e8 0,transparent 30rem),linear-gradient(180deg,#f8fbf9 0,#f1f7f4);color:var(--nk-ink)}.premium-shell{grid-template-columns:252px minmax(0,1fr)}.premium-shell aside{width:252px;background:radial-gradient(circle at 18% 12%,rgba(41,150,103,.24),transparent 34%),radial-gradient(circle at 82% 78%,rgba(18,94,64,.3),transparent 42%),linear-gradient(180deg,#0a3a2b,#0a4a35 48%,#073224);border-right:1px solid rgba(255,255,255,.08);box-shadow:14px 0 40px #0f48320f;overflow:hidden}.premium-brand{height:104px;padding:16px 20px;gap:13px;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.09)}.premium-brand img{width:54px;height:68px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}.premium-brand b{font-size:18px;letter-spacing:-.02em}.premium-brand small{font-size:10px;letter-spacing:.2em;color:#bfd4ca}.premium-shell nav{padding:17px 12px;gap:5px;position:relative;z-index:2}.premium-shell nav button{min-height:44px;padding:10px 13px;border-radius:11px;border-left:0;color:#c6d8d0;font-size:13.5px;font-weight:650;transition:background-color .16s ease,color .16s ease,transform .16s ease}.premium-shell nav button:hover:not(:disabled){background:#ffffff14;color:#fff;transform:translate(2px)}.premium-shell nav button.active{background:linear-gradient(135deg,#37be7e47,#ffffff14);box-shadow:inset 0 0 0 1px #77e0a433,0 10px 20px #00000014;color:#fff}.premium-shell nav button.active:after{content:"";width:5px;height:5px;margin-left:auto;border-radius:50%;background:#75e0a4;box-shadow:0 0 0 4px #75e0a41c}.premium-shell nav svg{width:19px;height:19px;stroke-width:2}.sidebar-club-art{position:relative;min-height:210px;margin-top:auto;border-top:1px solid rgba(255,255,255,.04);background:transparent}.premium-shell .aside-foot{margin-top:0;padding:15px 16px;background:#021f162e;border-top-color:#ffffff14}.premium-shell .avatar{background:linear-gradient(135deg,#ecf8f2,#bde7d1);color:#0b5c40;border:1px solid rgba(255,255,255,.25)}.premium-shell main{min-width:0}.premium-topbar{height:82px;padding:0 34px;background:linear-gradient(90deg,#fffffff7,#f6fbf8f5);border-bottom:1px solid var(--nk-line);box-shadow:0 7px 24px #1a41310b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.premium-topbar:after{content:"";position:absolute;right:0;top:0;width:min(38vw,560px);height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(21,128,86,.035)),radial-gradient(circle at 85% 30%,rgba(16,124,82,.08),transparent 45%)}.premium-topbar .topbar-page{display:grid!important;gap:1px;position:relative;z-index:1}.premium-topbar .topbar-page small{color:#6d8178;font-weight:800;font-size:9px;letter-spacing:.16em}.premium-topbar .topbar-page b{font-size:15px;letter-spacing:-.01em;color:#18382d}.topbar-season{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;min-width:184px;padding:8px 12px;border:1px solid #dde8e2;border-radius:12px;background:#ffffffdb;box-shadow:0 3px 12px #1847330a;position:relative;z-index:1}.topbar-season>svg{width:18px;color:var(--nk-green-700)}.topbar-season>span{display:grid}.topbar-season small{font-size:8px;font-weight:800;letter-spacing:.12em;color:#819088}.topbar-season b{font-size:12px;color:#20362f}.topbar-icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dde8e2;border-radius:11px;background:#ffffffe0;color:#52675d;position:relative;z-index:1}.topbar-icon-button:hover:not(:disabled){color:var(--nk-green-700);background:#fff;border-color:#c9ddd3}.topbar-icon-button svg,.topbar-status>svg{width:18px}.topbar-status{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;position:relative;z-index:1}.topbar-status>svg{color:#667b72}.premium-topbar .badge{border:1px solid #cce9db;background:#eaf8f1;color:#0f704c;font-size:9px;padding:5px 8px;letter-spacing:.08em}.spin{animation:nk-spin .8s linear infinite}@keyframes nk-spin{to{transform:rotate(360deg)}}.premium-content{max-width:1510px;padding:34px 36px 48px}.refresh-status{margin-bottom:12px;color:#5f7369;font-size:12px}.premium-content .title{margin-bottom:24px}.premium-content .title h1{color:#13271f;font-size:clamp(27px,2.3vw,34px);font-weight:800;letter-spacing:-.04em}.premium-content .title p{font-size:14px;color:#74827c}.panel,.stat,.summary-card{border:1px solid rgba(211,226,218,.92);border-radius:16px;background:#fffffff0;box-shadow:0 1px 2px #113e2b06,0 10px 28px #113e2b0b}.panel{overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid #edf2ef;background:linear-gradient(180deg,#ffffffb3,#fafdfbb3)}.panel-head h2,.panel h2{color:#193028;font-size:16px;letter-spacing:-.015em}.panel-head p{color:#7a8882;font-size:12px}.panel-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;color:#6c8277;font-size:9px;font-weight:850;letter-spacing:.13em}.panel-kicker svg{width:14px;height:14px;color:var(--nk-green-700)}.premium-kpis{gap:18px;margin-bottom:18px}.premium-stat{min-height:132px;position:relative;grid-template-columns:58px minmax(0,1fr);align-items:center;padding:22px;overflow:hidden}.premium-stat:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(25,134,91,.07),transparent 34%);pointer-events:none}.premium-stat.tone-rose:before{background:radial-gradient(circle at 85% 18%,rgba(202,70,86,.08),transparent 34%)}.premium-stat .stat-icon{width:50px;height:50px;grid-row:auto;border-radius:14px;background:linear-gradient(145deg,#e9f8f0,#dff2e8);color:#0f7b51;box-shadow:inset 0 0 0 1px #198e5b14}.premium-stat.tone-mint .stat-icon{background:linear-gradient(145deg,#e8f6f1,#d9eee7);color:#0b6b4a}.premium-stat.tone-rose .stat-icon{background:linear-gradient(145deg,#fff1f2,#ffe1e5);color:#c23b4b}.premium-stat .stat-icon svg{width:24px;height:24px}.stat-copy{display:grid;min-width:0}.premium-stat p{color:#53645d;font-weight:700;font-size:12px}.premium-stat strong{margin:5px 0 4px;font-size:clamp(25px,2vw,31px);color:#10271d;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.premium-stat small{color:#8a9691;font-size:10px}.stat-watermark{position:absolute;right:18px;bottom:10px;color:#1161410f}.tone-rose .stat-watermark{color:#ba39480f}.stat-watermark svg{width:54px;height:54px}.dashboard-grid{display:grid;grid-template-columns:minmax(290px,.95fr) minmax(300px,1fr) minmax(380px,1.35fr);gap:18px;align-items:stretch}.dashboard-panel{margin-bottom:0;min-height:390px}.premium-team-list{padding:4px 18px 14px}.premium-team-row{min-height:48px;display:grid;grid-template-columns:46px 1fr 34px;align-items:center;gap:11px;padding:8px 0;border-bottom:1px solid #eff3f1}.premium-team-row:last-child{border-bottom:0}.team-pill{width:42px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--nk-green-50);border:1px solid #d9eee4;color:var(--nk-green-800);font-size:11px;font-weight:850}.team-progress{min-width:0}.team-progress__meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.team-progress__meta b{font-size:11px;color:#31463d}.team-progress__meta small{font-size:9px;color:#8d9994}.team-progress__track{height:6px;overflow:hidden;border-radius:999px;background:#edf2ef}.team-progress__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f704c,#45b57e)}.premium-team-row>strong{font-size:13px;text-align:center;color:#1d4033}.recent-payment-list{padding:4px 18px 14px}.recent-payment-row{min-height:58px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eff3f1}.recent-payment-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0f7650;background:#eaf7f0}.activity-icon svg{width:17px}.recent-payment-row>div{min-width:0;display:grid;gap:3px}.recent-payment-row b{font-size:12px;color:#273b33;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-payment-row small{color:#89958f;font-size:9px}.recent-payment-row strong{color:#126444;font-size:12px;font-variant-numeric:tabular-nums}.premium-empty{padding:30px 10px;text-align:center;color:#8b9792;font-size:12px}.billing-chart-panel .panel-head{align-items:center}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#7b8882}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:50%}.legend-paid{background:#0e704b}.legend-due{background:#e4717f}.billing-chart{min-height:188px;padding:22px 20px 8px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;background:linear-gradient(#eef3f0 1px,transparent 1px) 0 14px / 100% 38px}.billing-chart__month{min-width:42px;flex:1;max-width:68px;display:grid;justify-items:center;gap:8px}.billing-chart__bars{height:122px;display:flex;align-items:flex-end;gap:4px}.billing-chart__bars span{display:block;width:13px;border-radius:4px 4px 2px 2px;box-shadow:inset 0 0 0 1px #ffffff40}.bar-paid{background:linear-gradient(180deg,#35ad76,#0d704b)}.bar-due{background:linear-gradient(180deg,#f09aa5,#d95868)}.billing-chart__month small{color:#7d8a84;font-size:9px;text-align:center;white-space:nowrap}.billing-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px 16px 16px}.billing-summary-strip>div{min-width:0;padding:11px 12px;border:1px solid #e6ece9;border-radius:11px;background:#fafcfb;display:grid;gap:3px}.billing-summary-strip>div.success{background:#f0faf5;border-color:#d7eee2}.billing-summary-strip>div.danger{background:#fff4f5;border-color:#f2d7db}.billing-summary-strip small{color:#7d8b85;font-size:9px}.billing-summary-strip b{color:#1e352c;font-size:14px;font-variant-numeric:tabular-nums}.billing-summary-strip .success b{color:#0f6f49}.billing-summary-strip .danger b{color:#ba4050}.primary,.secondary{min-height:40px;border-radius:10px;padding:9px 15px;font-weight:750}.primary{background:linear-gradient(180deg,#177653,#0e6243);box-shadow:0 4px 12px #0e62432b}.primary:hover{background:linear-gradient(180deg,#126947,#0a5539)}.secondary{background:#f4f8f6;border:1px solid #dde8e2;color:#31473e}.secondary:hover{background:#edf4f0;border-color:#d0e0d8}input,select,textarea{border:1px solid #d6e2dc;border-radius:10px;background:#fff;padding:10px 11px;color:#22342d;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:hover,select:hover,textarea:hover{border-color:#c6d8cf}input:focus,select:focus,textarea:focus{border-color:#62a889;box-shadow:0 0 0 4px #1776531a;background:#fff}.table-wrap{border-radius:0 0 15px 15px}table{background:#fff}th{background:#f7faf8;color:#6a7a73;padding:11px 14px;border-bottom:1px solid #e4ece8;font-size:10px}td{padding:12px 14px;border-bottom:1px solid #edf2ef}tbody tr{transition:background-color .12s ease}tbody tr:hover{background:#f8fbf9}.status{border-radius:999px;padding:5px 9px;font-weight:750;box-shadow:inset 0 0 0 1px #00000006}.modal{border:1px solid rgba(222,233,227,.95);border-radius:18px;box-shadow:0 28px 80px #062a203d}.overlay{background:#06231aa8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.drop{border-radius:14px;border-color:#bdd6ca;background:linear-gradient(180deg,#fbfdfc,#f7fbf9)}.drop:hover,.drop.dragging{background:#f0faf5;border-color:#5ba983}.notice,.error{border-radius:10px}.toast{right:28px;bottom:28px;border-radius:12px;background:#0a4431;box-shadow:0 14px 34px #062a2040}.settings-title{margin-bottom:14px!important}.settings-tabs{gap:4px;padding:5px;margin-bottom:18px;border:1px solid #dde8e2;border-radius:14px;background:#f0f7f3e0;box-shadow:inset 0 1px 3px #10483106}.settings-tabs button{min-height:40px;padding:9px 14px;border-radius:10px;color:#607269;font-weight:750}.settings-tabs button:hover{background:#ffffffb8;color:#164f39}.settings-tabs button.active,.settings-tabs button[aria-selected=true]{background:#fff;color:#0d6b49;box-shadow:0 4px 12px #10483112,inset 0 -2px #1a8a5e}.notification-section-title{border-top-color:#e8efeb}.form-grid textarea{border-color:#d6e2dc;border-radius:10px}.saved-price,.member-lifecycle{border-color:#e1ebe6;border-radius:12px;background:#f9fcfa}.login{background:linear-gradient(135deg,#042a1ff5,#074f36f0),url(/card-assets/supporter-front.jpg) center / cover no-repeat}.login-card{border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 32px 90px #00000047;padding:38px}.login-brand img{filter:drop-shadow(0 7px 12px rgba(15,80,55,.1))}@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr 1fr}.billing-chart-panel{grid-column:1 / -1}}@media(max-width:900px){.premium-shell{display:block}.premium-shell aside{width:min(300px,88vw)}.premium-topbar{height:68px;padding:0 14px}.premium-topbar .topbar-page small{display:none}.topbar-season{min-width:0;padding:7px 9px}.topbar-season small{display:none}.topbar-season b{font-size:11px}.premium-content{padding:22px 14px 34px}.premium-kpis,.dashboard-grid{grid-template-columns:1fr}.billing-chart-panel{grid-column:auto}.sidebar-club-art{min-height:150px}.premium-shell.menu-open aside{min-height:100vh}}@media(max-width:560px){.premium-topbar .topbar-status>svg,.premium-topbar .badge{display:none}.premium-content .title h1{font-size:25px}.premium-stat{min-height:116px;padding:18px}.dashboard-panel{min-height:auto}.billing-chart{overflow-x:auto;justify-content:flex-start}.billing-chart__month{flex:0 0 52px}.billing-summary-strip{grid-template-columns:1fr}.settings-tabs{border-radius:12px}}.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-name-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:14px 0;padding:14px;background:#f6f9f7;border:1px solid #d9e3db;border-radius:10px}.card-name-settings>div,.card-name-settings>button,.card-name-settings>p{grid-column:1/-1}.card-name-settings h4{margin:0 0 4px}.card-name-settings label{display:grid;gap:5px}.card-name-settings input{width:100%}.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-name-settings{grid-template-columns:1fr}.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}}.verification-status{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e3ebe5;text-align:left}.verification-status strong{white-space:nowrap}.verification-status strong.active{color:#08783f}.verification-status strong.inactive{color:#9e4343}.verification-primary-card{margin:24px 0 0;padding:30px 20px;border:2px solid;border-radius:24px;text-align:center}.verification-primary-card.valid{background:#f3fcf6;border-color:#bfe8cf}.verification-primary-card.invalid{background:#fff7f7;border-color:#f0c0c0}.verification-primary-symbol{width:150px;height:150px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;font-size:92px;font-weight:800;line-height:1}.verification-primary-symbol.valid{color:#08783f;background:#dcf7e6}.verification-primary-symbol.invalid{color:#d43d3d;background:#f8dede}.verification-panel .verification-primary-title{margin:0;font-size:clamp(27px,7vw,34px);line-height:1.15;color:#193c2e}.verification-primary-status-text{margin-top:10px;font-size:clamp(38px,10vw,48px);font-weight:900;line-height:1.05}.verification-primary-status-text.valid{color:#08783f}.verification-primary-status-text.invalid{color:#cf3f3f}.verification-primary-season{margin:16px 0 0;font-size:20px;color:#29483b}.verification-secondary-card{margin-top:24px;padding:18px;border:2px solid;border-radius:20px;display:flex;gap:16px;align-items:center;text-align:left}.verification-secondary-card.valid{background:#f6fcf8;border-color:#cbead6}.verification-secondary-card.invalid{background:#fff8f8;border-color:#efd0d0}.verification-secondary-symbol{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;flex:0 0 88px;font-size:54px;font-weight:800;line-height:1}.verification-secondary-symbol.valid{color:#08783f;background:#dcf7e6}.verification-secondary-symbol.invalid{color:#9e4343;background:#f6e9e9}.verification-secondary-content{min-width:0}.verification-secondary-label{margin:0 0 3px;font-size:17px;color:#29483b}.verification-secondary-status{margin:0;font-size:29px;font-weight:900;line-height:1.08}.verification-secondary-status.valid{color:#08783f}.verification-secondary-status.invalid{color:#9e4343}.verification-card-number{margin:8px 0 0;font-size:17px;color:#29483b}.verification-summary-list{margin-top:22px;padding-top:0}.verification-summary-list .verification-status{font-size:17px;padding:15px 0}@media(max-width:420px){.verification-primary-card{padding:24px 14px}.verification-primary-symbol{width:128px;height:128px;font-size:78px}.verification-primary-status-text{font-size:36px}.verification-secondary-card{padding:15px;gap:13px}.verification-secondary-symbol{width:74px;height:74px;flex-basis:74px;font-size:46px}.verification-secondary-status{font-size:25px}.verification-summary-list .verification-status{font-size:15px}}