:root{--bg:#f4f7f5;--panel:#fff;--text:#17231d;--muted:#748079;--line:#e5ebe7;--green:#1e8c5a;--green2:#31d07d;--dark:#10251c;--danger:#e5525c;--shadow:0 14px 40px rgba(20,47,35,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.app-body{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;background:linear-gradient(180deg,#0d241a,#122d21);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--green2),#16965d);display:grid;place-items:center;font-weight:900;color:#082417;box-shadow:0 8px 22px rgba(49,208,125,.25)}.brand b{display:block}.brand small,.sidebar-user small{display:block;color:#93aa9e;font-size:11px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:22px}.sidebar nav a{display:flex;gap:13px;align-items:center;padding:11px 13px;border-radius:11px;color:#a9bdb3;font-size:14px}.sidebar nav a span{width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(49,208,125,.12);color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--green2)}.sidebar-user{margin-top:auto;padding:15px 8px 0;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;font-size:12px}.avatar{width:36px;height:36px;border-radius:11px;background:#dff7e9;color:#187649;display:grid;place-items:center;font-weight:800}.avatar.large{width:52px;height:52px;border-radius:16px}.main{margin-left:252px;padding:27px 34px 60px;max-width:1700px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.topbar h1{font-size:28px;margin:2px 0}.eyebrow{margin:0;color:#4a8a68;font-size:10px;font-weight:900;letter-spacing:1.5px}.top-actions{display:flex;gap:9px;align-items:center}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(30,140,90,.2)}.btn.ghost{background:#eff5f1;color:#216844}.btn.small{padding:7px 9px;font-size:11px;margin-top:10px}.btn.wide{width:100%}.icon-btn{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.bell{position:relative}.bell i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--danger);right:7px;top:7px}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.hero-card,.signal-card,.panel,.metric,.contract-card,.lead-card,.content-card,.asset-card,.match-card,.user-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px rgba(20,47,35,.03)}.hero-card{background:linear-gradient(115deg,#153d2b,#1d6545);color:#fff;padding:26px;display:flex;justify-content:space-between;align-items:center;min-height:160px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:240px;height:240px;border:45px solid rgba(255,255,255,.04);border-radius:50%;right:-75px;top:-95px}.hero-card h2{font-size:27px;margin:13px 0 5px}.hero-card p{color:#b6d5c5}.hero-score{position:relative;z-index:2;text-align:center;background:rgba(255,255,255,.09);padding:21px 26px;border-radius:16px}.hero-score b{display:block;font-size:36px}.hero-score span{font-size:11px;color:#c4dfd1}.signal-card{padding:24px;display:grid;grid-template-columns:45px 1fr;gap:14px;align-content:center}.signal-card>span{width:45px;height:45px;background:#fff2dd;color:#d28a1b;border-radius:13px;display:grid;place-items:center;font-size:20px}.signal-card b,.signal-card small{display:block}.signal-card small{color:var(--muted);margin-top:4px}.signal-card a{grid-column:2;color:var(--green);font-size:12px;font-weight:750}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.metric{padding:19px}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric b{display:block;font-size:24px;margin:8px 0}.positive{color:var(--green)!important}.danger-text{color:var(--danger)!important}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:20px}.panel-head,.toolbar{display:flex;align-items:center;justify-content:space-between}.panel-head{margin-bottom:15px}.panel-head h3{margin:3px 0;font-size:17px}.panel-head a{font-size:11px;color:var(--green);font-weight:800}.task-row,.contract-row,.match-mini{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.task-row:first-child,.contract-row:first-child{border-top:0}.task-row>div,.contract-row>div:nth-child(2),.match-mini>div:nth-child(2){flex:1}.task-row b,.task-row small,.contract-row b,.contract-row small,.match-mini b,.match-mini small{display:block}.task-row small,.contract-row small,.match-mini small{color:var(--muted);font-size:11px;margin-top:3px}.priority{width:8px;height:8px;border-radius:50%;background:#97a19c}.priority.high,.priority.urgent{background:var(--danger)}.logo-tile{width:40px;height:40px;border-radius:12px;background:#edf5f0;color:#26714d;display:grid;place-items:center;font-weight:850;font-size:12px;flex:none}.days{text-align:right}.days b,.days small{display:block}.tag,.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;background:#f0f4f1;color:#68756e;font-size:10px;font-weight:750}.status-pill.green{background:#e3f7eb;color:#147747}.status-pill.red{background:#ffe8ea;color:#c63e49}.bar-chart>div{display:grid;grid-template-columns:75px 1fr 100px;gap:12px;align-items:center;margin:18px 0;font-size:11px}.bar-chart i{height:9px;background:linear-gradient(90deg,var(--green),var(--green2));border-radius:99px}.bar-chart>div:nth-child(2) i{background:#ffb057}.date-tile,.match-date{background:#edf5f0;border-radius:12px;text-align:center;padding:8px 12px;color:#1e6d49}.date-tile b,.date-tile span,.match-date b,.match-date span,.match-date small{display:block}.date-tile b,.match-date b{font-size:19px}.date-tile span,.match-date span,.match-date small{font-size:9px}.toolbar{margin-bottom:18px}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;color:#748079;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer}.chip.active{background:var(--dark);color:#fff;border-color:var(--dark)}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#7c8781;background:#fafcfb;padding:13px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}td{padding:13px 16px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:3px}.entity{display:flex;gap:10px;align-items:center}.contract-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contract-card{padding:18px}.contract-top{display:grid;grid-template-columns:42px 1fr auto;gap:12px}.contract-top h3{margin:7px 0 2px}.contract-top p{margin:0;color:var(--muted);font-size:11px}.more{border:0;background:none}.contract-value{display:flex;justify-content:space-between;margin-top:22px}.contract-value span{color:var(--muted);font-size:11px}.progress{height:6px;background:#eef2ef;border-radius:99px;margin:13px 0}.progress i{display:block;height:100%;background:var(--green2);border-radius:99px}.contract-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.kanban-col{background:#edf2ef;border-radius:14px;padding:11px;min-height:350px}.kanban-head{display:flex;align-items:center;gap:8px;padding:5px 3px 12px;font-size:12px}.kanban-head>span{width:8px;height:8px;border-radius:50%}.kanban-head em{margin-left:auto;background:#fff;padding:3px 7px;border-radius:6px;font-style:normal}.lead-card{padding:14px;margin-bottom:10px}.lead-card h3{font-size:13px;margin:10px 0 3px}.lead-card p{font-size:11px;color:var(--muted)}.lead-card>div{display:flex;justify-content:space-between;align-items:end;margin-top:16px}.lead-card small{color:var(--muted)}.content-grid,.asset-grid,.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.content-card{display:grid;grid-template-columns:110px 1fr;overflow:hidden}.content-thumb{background:linear-gradient(135deg,#163d2c,#299864);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px}.content-card>div:last-child{padding:16px}.content-meta{display:flex;justify-content:space-between}.content-card h3{margin:12px 0 3px}.content-card p,.content-card small{color:var(--muted);font-size:11px}.asset-card{padding:18px;display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center}.asset-icon{width:46px;height:46px;border-radius:14px;background:#edf5f0;display:grid;place-items:center}.asset-card h3{margin:7px 0 3px}.asset-card p{margin:0;color:var(--muted);font-size:11px}.asset-due{text-align:right}.asset-due small,.asset-due b{display:block}.asset-due small{color:var(--muted);font-size:10px}.match-list{display:flex;flex-direction:column;gap:12px}.match-card{padding:16px;display:grid;grid-template-columns:70px 1fr 280px auto;gap:20px;align-items:center}.match-main h3{margin:8px 0 4px}.match-main p{margin:0;color:var(--muted);font-size:11px}.match-stats{display:flex;gap:24px;color:var(--muted);font-size:11px}.match-stats b{color:var(--text);font-size:17px}.user-card{padding:16px;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}.user-card h3{margin:0 0 3px}.user-card p{margin:0 0 9px;color:var(--muted);font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#bbb}.status-dot.online{background:var(--green2);box-shadow:0 0 0 4px #e4f8ec}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:35px;padding:15px}.donut{--p:70;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#ffb057 0);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:105px;height:105px;background:#fff;border-radius:50%}.donut span{z-index:1;text-align:center;font-size:10px;color:var(--muted)}.donut b{display:block;font-size:22px;color:var(--text)}.legend span{display:block;font-size:11px;margin:12px}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--green);margin-right:7px}.legend span:nth-child(2) i{background:#ffb057}.timeline-bars{height:170px;display:flex;align-items:end;gap:8px;padding-top:15px}.timeline-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.timeline-bars i{width:70%;background:linear-gradient(#31d07d,#1e8c5a);border-radius:5px 5px 2px 2px}.timeline-bars span{font-size:8px;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(6,19,13,.62);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.show{display:flex}.modal-card{background:#fff;border-radius:18px;padding:26px;width:min(580px,96vw);max-height:92vh;overflow:auto;box-shadow:var(--shadow);position:relative}.modal-card.large{width:min(760px,96vw)}.modal-card h2{margin:6px 0 20px}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#f1f4f2;border-radius:9px;width:32px;height:32px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:11px;font-weight:750;color:#516058}.form-grid input,.form-grid select,.form-grid textarea,.login-card input,.install-card input{width:100%;margin-top:6px;border:1px solid #dbe3de;border-radius:9px;padding:11px;background:#fbfcfb;outline:none}.form-grid textarea{min-height:82px;resize:vertical}.span-2{grid-column:span 2}.form-section{font-size:11px;font-weight:900;color:var(--green);border-top:1px solid var(--line);padding-top:14px}.info-box{background:#edf7f1;padding:12px;border-radius:10px;font-size:11px;color:#31704f}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:#e5f7ec;color:#176b45;font-size:12px}.alert.danger{background:#ffe8ea;color:#a22f39}.empty{padding:35px;text-align:center;color:var(--muted)}.login-page{min-height:100vh;background:linear-gradient(120deg,#0b2118 0 50%,#eff5f1 50%);display:grid;place-items:center;padding:30px}.login-shell{width:min(1060px,95vw);display:grid;grid-template-columns:1.3fr .8fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.2)}.login-brand{background:linear-gradient(135deg,#113522,#1b6945);padding:65px;color:#fff;min-height:610px;display:flex;flex-direction:column;justify-content:center}.login-brand h1{font-size:42px;line-height:1.1;max-width:600px}.login-brand>p:not(.eyebrow){color:#bad2c5;max-width:500px}.login-stats{display:flex;gap:30px;margin-top:55px}.login-stats span{font-size:11px;color:#b8d0c3}.login-stats b{display:block;color:#fff;font-size:20px}.login-card{padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:26px;margin:7px 0}.login-card .muted,.muted{color:var(--muted);font-size:12px}.login-card label{display:block;font-size:11px;font-weight:750;margin:15px 0}.login-card small{margin-top:28px;text-align:center;color:#9aa39e}.install-card{width:min(850px,95vw);background:#fff;padding:38px;border-radius:22px;box-shadow:var(--shadow)}.install-card h1{margin:8px 0}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.install-grid label{font-size:11px;font-weight:700}.install-grid .wide{grid-column:span 2;margin-top:8px}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.contract-cards,.content-grid,.asset-grid,.user-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.match-card{grid-template-columns:65px 1fr}.match-stats,.match-card>.status-pill{display:none}}@media(max-width:760px){.sidebar{width:72px;padding:18px 10px}.brand>div:last-child,.sidebar nav a:not(.active){font-size:0}.brand{padding-left:4px}.brand-mark{width:40px}.sidebar nav a{justify-content:center;padding:12px}.sidebar-user>div:nth-child(2),.sidebar-user>a{display:none}.main{margin-left:72px;padding:20px 14px}.topbar{align-items:flex-start}.top-actions .icon-btn{display:none}.hero-grid,.metric-grid,.contract-cards,.content-grid,.asset-grid,.user-grid{grid-template-columns:1fr}.hero-card{min-height:180px}.hero-score{display:none}.toolbar{align-items:flex-start;gap:12px}.filters{max-width:60%}.table-panel{overflow:auto}.contract-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:40px 25px}.login-page{background:#eff5f1}.install-grid{grid-template-columns:1fr}.install-grid .wide{grid-column:span 1}}
.club-logo{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}.nav-group{margin:14px 0}.nav-group>span{display:block;padding:0 14px 7px;font-size:9px;font-weight:900;letter-spacing:.13em;color:#789486;text-transform:uppercase}.nav-group a i{width:7px;height:7px;border-radius:50%;background:#49665a}.nav-group a.active i{background:#fff}.detail-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px;margin-bottom:16px}.detail-head h2{margin:5px 0}.detail-head p{margin:0;color:var(--muted)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 18px}.tabs a{padding:12px 14px;font-size:12px;font-weight:800;color:var(--muted);border-bottom:2px solid transparent}.tabs a.active{color:var(--green);border-bottom-color:var(--green)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:var(--text)}.list-row small,.table-panel td small{display:block;color:var(--muted);margin-top:4px}.activity{border-bottom:1px solid var(--line);padding:13px 0}.activity small{display:block;color:var(--muted);margin:4px 0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card-grid>a{color:var(--text)}.stats-line{font-size:12px;color:var(--muted);margin:18px 0}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-card{display:flex!important;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fbfcfb}.check-card input{width:auto!important;margin:0!important}.check-card small{display:block;color:var(--muted)}.color-dot{display:block;width:12px;height:12px;border-radius:50%;margin-bottom:12px}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.logo-preview img{max-width:150px;max-height:90px;object-fit:contain}.button-row{display:flex;gap:10px;margin-top:20px}.button-row form{margin:0}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select,.inline-form input{max-width:130px;border:1px solid var(--line);border-radius:7px;padding:7px}.link{border:0;background:none;cursor:pointer;font:inherit}.kanban{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.kanban-col{background:#eef3f0;border-radius:14px;padding:10px;min-height:420px}.kanban-col header{display:flex;justify-content:space-between;padding:8px;font-size:12px}.kanban-card{background:#fff;border-radius:10px;padding:12px;margin-bottom:9px;box-shadow:0 2px 7px rgba(0,0,0,.04)}.kanban-card a{color:var(--text)}.kanban-card small,.kanban-card strong{display:block;margin-top:7px}.kanban-card small{color:var(--muted)}.asset-card{color:var(--text)}
@media(max-width:1000px){.card-grid{grid-template-columns:1fr 1fr}.settings-panel{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}@media(max-width:700px){.card-grid{grid-template-columns:1fr}.detail-head{grid-template-columns:1fr}.tabs{overflow:auto}.inline-form{min-width:420px}}