:root{--red:#d62828;--red2:#e30613;--navy:#14213d;--bg:#f5f7fa;--border:#e5e7eb;--muted:#667085;--green:#16a34a;--orange:#f59e0b;--shadow:0 8px 30px rgba(20,33,61,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#fff;border-right:1px solid var(--border);z-index:50;display:flex;flex-direction:column;transition:.25s}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--border)}.brand-mark,.login-logo>span{width:40px;height:40px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800}.brand div,.login-logo div{display:flex;flex-direction:column}.brand strong{font-size:18px}.brand small,.sidebar-foot small,.event-title small,.login-logo small{font-size:11px;color:var(--muted)}.sidebar nav{padding:18px 12px;overflow:auto;flex:1}.sidebar nav p{font-size:10px;letter-spacing:.12em;color:#98a2b3;font-weight:700;margin:18px 12px 7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 0;border-radius:10px;text-decoration:none;color:#475467;font-size:14px;font-weight:550}.sidebar nav a:hover,.sidebar nav a.active{background:#fff1f1;color:var(--red)}.sidebar nav i{font-size:18px}.sidebar-foot{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.sidebar-foot div{display:flex;flex-direction:column;min-width:0}.sidebar-foot strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700}.main{margin-left:260px;min-height:100vh}.topbar{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:40}.icon-btn{border:0;background:transparent;color:var(--navy);width:40px;height:40px;border-radius:10px;display:grid;place-items:center;text-decoration:none}.icon-btn:hover{background:#f2f4f7}.icon-btn i{font-size:20px}.event-title{margin-left:14px;display:flex;flex-direction:column}.top-actions{margin-left:auto;display:flex;gap:4px}.top-actions form{margin:0}.page-content{padding:28px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading.compact{margin-bottom:20px}.page-heading h1{font-size:27px;margin:4px 0 5px;letter-spacing:-.03em}.page-heading p{color:var(--muted);margin:0}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--red)}.countdown{display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:14px}.countdown>i{font-size:24px;color:#ff6b6b}.countdown div{display:flex;flex-direction:column}.countdown small{font-size:11px;opacity:.7}.countdown strong{font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px;display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(20,33,61,.03);transition:.2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card>div{display:flex;flex-direction:column;min-width:0}.stat-card small{color:var(--muted);font-size:11px;white-space:nowrap}.stat-card strong{font-size:20px}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.stat-icon.red{background:#fff0f0;color:var(--red)}.stat-icon.navy{background:#eef1f7;color:var(--navy)}.stat-icon.green{background:#ecfdf3;color:var(--green)}.stat-icon.orange{background:#fff8e8;color:var(--orange)}.stat-arrow{margin-left:auto;color:#d0d5dd}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:21px;box-shadow:0 3px 16px rgba(20,33,61,.04)}.panel.wide{grid-column:span 2}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-head h2{font-size:16px;margin:0 0 3px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.panel-head a,.back-link{font-size:12px;color:var(--red);text-decoration:none;font-weight:650}.progress-panel{grid-row:span 2}.overall-progress{display:flex;align-items:center;gap:20px;background:#f8fafc;border-radius:14px;padding:18px;margin-bottom:20px}.progress-ring{--p:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) calc(var(--p)*1%),#e9edf3 0);position:relative;flex:none}.progress-ring:after{content:"";position:absolute;width:70px;height:70px;background:#fff;border-radius:50%}.progress-ring span{z-index:1;font-size:19px;font-weight:800}.overall-progress p{font-size:12px;color:var(--muted);margin:4px 0}.section-progress{display:grid;gap:13px}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.progress{height:6px;background:#edf0f5}.progress-bar{background:var(--red);border-radius:6px}.chart-wrap{height:215px;position:relative}.chart-wrap.small{height:145px}.finance-total{display:flex;flex-direction:column}.finance-total small{font-size:11px;color:var(--muted)}.finance-total strong{font-size:22px}.finance-legend{display:flex;justify-content:center;gap:14px;font-size:10px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:4px}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.task-list{display:grid;gap:8px}.task-item{display:flex;gap:10px;align-items:center;padding:10px;background:#f8fafc;border-radius:10px}.task-item>div{display:flex;flex-direction:column;min-width:0}.task-item strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item small{font-size:10px;color:var(--muted)}.priority{width:4px;height:34px;border-radius:4px;background:#98a2b3}.priority.tinggi,.priority.mendesak{background:var(--red)}.priority.sedang{background:var(--orange)}.schedule-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.schedule-item{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:12px}.schedule-item>div:last-child{display:flex;flex-direction:column}.schedule-item strong{font-size:12px}.schedule-item small{font-size:10px;color:var(--muted)}.date-box{width:40px;height:44px;border-radius:9px;background:#fff1f1;color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center}.date-box strong{font-size:16px}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:18px}.search-box{position:relative;min-width:260px}.search-box i{position:absolute;left:12px;top:10px;color:#98a2b3}.search-box input,.toolbar select{border:1px solid var(--border);border-radius:9px;height:39px;background:#fff;padding:0 12px}.search-box input{padding-left:36px;width:100%}.toolbar-spacer{flex:1}.btn{border-radius:9px;font-size:13px;font-weight:650;padding:9px 14px}.btn-primary{background:var(--red);border-color:var(--red)}.btn-primary:hover{background:#b91c1c;border-color:#b91c1c}.btn-light{background:#fff;border-color:var(--border)}.app-table{width:100%;border-collapse:collapse}.app-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#667085;padding:12px;background:#f8fafc;border-block:1px solid var(--border);white-space:nowrap}.app-table td{padding:14px 12px;border-bottom:1px solid #eef0f3;font-size:12px;vertical-align:middle}.app-table tr:hover td{background:#fcfcfd}.status-pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:650}.actions{white-space:nowrap;text-align:right}.actions>a,.actions button{width:30px;height:30px;border-radius:8px;border:0;background:transparent;display:inline-grid;place-items:center;color:#667085;text-decoration:none}.actions a:hover,.actions button:hover{background:#fff1f1;color:var(--red)}.delete-form{display:inline}.pagination-wrap{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:11px;color:var(--muted)}.pagination-wrap nav{display:flex;gap:4px}.pagination-wrap a{width:30px;height:30px;display:grid;place-items:center;text-decoration:none;border-radius:8px;color:var(--muted)}.pagination-wrap a.active{background:var(--red);color:#fff}.empty-state{text-align:center;padding:70px 20px}.empty-state.small{padding:35px}.empty-state>i{font-size:36px;color:#cbd0d8}.empty-state h2,.empty-state h3{margin:12px 0 5px}.empty-state p{color:var(--muted)}.form-panel{max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.form-label{font-size:12px;font-weight:650}.form-control,.form-select{border-color:#d8dde5;border-radius:9px;padding:10px 12px;font-size:13px}.form-control:focus,.form-select:focus{border-color:#e57373;box-shadow:0 0 0 3px rgba(214,40,40,.1)}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:18px;margin-top:22px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.detail-grid>div{display:flex;flex-direction:column;gap:5px;padding-bottom:14px;border-bottom:1px solid #f0f1f3}.detail-grid .wide{grid-column:1/-1}.detail-grid small{color:var(--muted);font-size:11px}.detail-grid strong{font-size:13px;font-weight:600}.login-page{background:#fff}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{background:linear-gradient(140deg,#991b1b,#d62828 60%,#ef4444);color:#fff;display:flex;align-items:center;padding:10%;position:relative;overflow:hidden}.login-hero:after{content:"81";position:absolute;right:-35px;bottom:-100px;font-size:360px;font-weight:900;opacity:.08}.hero-copy{z-index:1}.hero-copy .eyebrow{color:#fecaca}.hero-copy h1{font-size:48px;line-height:1.1;letter-spacing:-.04em;margin:18px 0}.hero-copy p{opacity:.8}.flag-line{width:60px;height:4px;background:#fff;margin:50px 0 12px}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:55px}.login-logo>span{width:46px;height:46px}.login-logo strong{font-size:20px}.login-card h2{font-size:30px;letter-spacing:-.03em}.login-card>p{color:var(--muted);margin-bottom:30px}.input-icon{position:relative}.input-icon i{position:absolute;left:14px;top:11px;color:#98a2b3}.input-icon input{padding-left:40px}.login-card .btn{height:46px}.demo-note{font-size:11px;color:var(--muted);background:#f8fafc;padding:12px;border-radius:9px;margin-top:20px}.sidebar-backdrop{display:none}
@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.progress-panel{grid-row:auto}.panel.wide{grid-column:span 2}}
@media(max-width:800px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(20,33,61,.35);z-index:45}.main{margin-left:0}.event-title{display:none}.page-content{padding:18px}.topbar{padding:0 14px}.page-heading{align-items:flex-start}.countdown{display:none}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.schedule-row{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{min-width:100%}.toolbar-spacer{display:none}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .wide,.detail-grid .wide{grid-column:auto}.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.login-form-wrap{padding:24px}.login-logo{margin-bottom:40px}.table-panel{padding:12px}.app-table{min-width:720px}}
@media(max-width:470px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:13px}.page-heading h1{font-size:23px}.page-heading.compact{flex-direction:column}.toolbar .btn{font-size:0}.toolbar .btn i{font-size:14px}}
.report-grid{grid-template-columns:1fr 1fr}.report-stats{grid-template-columns:repeat(6,1fr)}@media(max-width:1000px){.report-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.report-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr 1fr}}
.roadmap-page{margin:-8px}.roadmap-hero{text-align:center;background:linear-gradient(180deg,#fff 0,#fff 70%,#fff7f3 100%);border:1px solid #f1d7d2;border-radius:18px 18px 0 0;padding:22px 20px 16px;position:relative;overflow:hidden}.roadmap-hero:before,.roadmap-hero:after{content:"";position:absolute;width:180px;height:40px;background:linear-gradient(#e30613 0 50%,#fff 50%);top:20px;transform:rotate(-12deg);box-shadow:0 3px 8px #0002}.roadmap-hero:before{left:-35px}.roadmap-hero:after{right:-35px;transform:rotate(12deg)}.roadmap-hero h1{font-size:30px;line-height:1;margin:4px 0;color:#101d3b;letter-spacing:.02em}.roadmap-hero h2{font-size:39px;line-height:1;color:#df1818;margin:6px 0 12px;letter-spacing:.04em}.theme-ribbon{max-width:760px;margin:auto;color:#fff;background:linear-gradient(90deg,#d71313,#f02b1d,#d71313);font-weight:800;font-size:16px;padding:8px 25px;clip-path:polygon(0 0,5% 50%,0 100%,100% 100%,95% 50%,100% 0)}.roadmap-actions{display:flex;justify-content:space-between;align-items:center;padding:13px 0}.view-tabs{display:flex;gap:5px;background:#e9edf3;padding:4px;border-radius:10px;width:max-content}.view-tabs a{font-size:12px;font-weight:700;color:#667085;text-decoration:none;padding:8px 12px;border-radius:7px}.view-tabs a.active{background:#fff;color:var(--red);box-shadow:0 2px 7px #14213d12}.module-tabs{margin-bottom:12px}.roadmap-scroll{overflow:auto;border-radius:14px;border:1px solid #d8dee8;background:#fff}.roadmap-board{display:grid;grid-template-columns:182px repeat(6,minmax(205px,1fr));min-width:1410px}.roadmap-cell{border-right:1px solid #d8dee8;border-bottom:1px solid #d8dee8}.roadmap-head{height:64px;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-weight:800;font-size:14px;line-height:1.1;padding:8px}.roadmap-head i{font-size:24px}.week-head{background:linear-gradient(135deg,#071737,#12366c)}.roadmap-head.chair{background:linear-gradient(135deg,#d91919,#f02b17)}.roadmap-head.treasurer{background:linear-gradient(135deg,#286e28,#4c9238)}.roadmap-head.event{background:linear-gradient(135deg,#0c4c90,#1972b9)}.roadmap-head.equipment{background:linear-gradient(135deg,#4a2275,#71459a)}.roadmap-head.consumption{background:linear-gradient(135deg,#ee6106,#ff8519)}.roadmap-head.documentation{background:linear-gradient(135deg,#087f80,#13a3a3)}.week-card{min-height:170px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:17px 8px;background:linear-gradient(135deg,#fff,#fff9f7)}.week-card strong{font-size:17px;color:#c7151c}.week-card span{font-size:11px;color:#101828;font-weight:700;margin-top:3px}.week-card b{font-size:15px;color:#d7181f;margin-top:8px}.week-card i{font-size:35px;color:#d7181f;margin-top:12px}.week-card.week-2 strong,.week-card.week-2 b,.week-card.week-2 i{color:#13559a}.week-card.week-3 strong,.week-card.week-3 b,.week-card.week-3 i{color:#e56800}.week-card.week-4 strong,.week-card.week-4 b,.week-card.week-4 i{color:#c7151c}.task-cell{min-height:170px;padding:13px 12px;background:#fff}.roadmap-task{display:flex;gap:7px;color:#111827;text-decoration:none;font-size:11px;line-height:1.3;margin:0 0 8px;align-items:flex-start}.roadmap-task:hover span{color:var(--red);text-decoration:underline}.roadmap-task i{margin-top:1px;font-size:13px;flex:none}.roadmap-task.done i{color:#39a84a}.roadmap-task.doing i{color:#f7b718}.roadmap-task.todo i{color:#e3222a}.roadmap-empty{color:#b2bac6;font-style:italic;font-size:10px}.week-target{grid-column:1/-1;min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 18px;border-bottom:1px solid #e8bdb3;background:#fff8f2;font-size:11px}.week-target i{font-size:22px;color:#e21d1d}.week-target strong{color:#14213d}.milestone-board{display:grid;grid-template-columns:175px repeat(5,1fr);margin-top:7px;border:1px solid #d8dee8;border-radius:14px;overflow:hidden;background:#fff;min-width:1050px}.milestone-title{background:#071737;color:#fff;text-align:center;padding:12px;display:flex;flex-direction:column;align-items:center;font-size:11px}.milestone-title i{font-size:23px;color:#ff4242}.milestone-title strong{font-size:13px}.milestone{padding:11px 14px;border-right:1px solid #d8dee8;display:flex;flex-direction:column;gap:3px}.milestone strong{font-size:11px;color:#d71920}.milestone span{font-size:9px;line-height:1.35}.milestone.week-2{background:#f4fbf1}.milestone.week-2 strong{color:#367528}.milestone.week-3{background:#f5f8fd}.milestone.week-3 strong{color:#15589b}.milestone.week-4{background:#faf5fd}.milestone.week-4 strong{color:#62318a}.milestone.post{background:#fff8ef}.milestone.post strong{color:#db4c0a}.roadmap-legend{display:flex;justify-content:center;align-items:center;gap:18px;padding:9px;font-size:10px}.roadmap-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-dot.done{background:#39a84a}.legend-dot.doing{background:#f7b718}.legend-dot.todo{background:#e3222a}.roadmap-legend small{border:1px solid #c7ccd4;padding:3px 14px;border-radius:5px;color:#667085}
@media(max-width:800px){.roadmap-page{margin:0}.roadmap-hero{padding:18px 10px 14px}.roadmap-hero:before,.roadmap-hero:after{display:none}.roadmap-hero h1{font-size:20px}.roadmap-hero h2{font-size:28px}.theme-ribbon{font-size:11px}.roadmap-actions{align-items:flex-end}.roadmap-actions .btn{font-size:0}.roadmap-actions .btn i{font-size:14px}.milestone-board{overflow:auto}.roadmap-legend{flex-wrap:wrap}.roadmap-legend small{width:100%;text-align:center}}
.roadmap-task{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:6px;text-decoration:none;align-items:start}.roadmap-task>a{color:#111827;text-decoration:none}.roadmap-task>a:hover{color:var(--red);text-decoration:underline}.task-check{appearance:none;width:14px;height:14px;margin:1px 0 0;border:1.5px solid #d92d36;border-radius:3px;background:#fff;cursor:pointer;display:grid;place-items:center}.task-check:checked{background:#39a84a;border-color:#39a84a}.task-check:checked:after{content:"✓";font-size:11px;line-height:1;color:#fff;font-weight:900}.task-check:disabled{opacity:.55;cursor:wait}.roadmap-task.done>a{text-decoration:line-through;color:#667085}.task-state{font-size:8px;color:#39a84a;white-space:nowrap;padding-top:1px}.roadmap-task.saving{opacity:.55}
.task-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.task-summary-grid>div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center}.task-summary-grid small{color:var(--muted);font-size:11px}.task-summary-grid strong{font-size:21px}.task-summary-grid .summary-done strong{color:var(--green)}.task-summary-grid .summary-doing strong{color:var(--orange)}.task-summary-grid .summary-todo strong{color:var(--red)}.task-filters{align-items:stretch}.task-filters select{max-width:190px}.task-list-table{min-width:1180px}.task-list-table .check-column{width:54px;text-align:center}.task-list-table .task-check{margin:auto;width:17px;height:17px}.task-title-link{display:block;color:var(--navy);font-weight:700;text-decoration:none;min-width:170px}.task-title-link:hover{color:var(--red)}.task-description,.task-list-table td>small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.task-row-done .task-title-link{text-decoration:line-through;color:#7b8493}.priority-badge{font-size:9px;padding:4px 7px;border-radius:20px;background:#f2f4f7}.priority-badge.tinggi,.priority-badge.mendesak{background:#fff0f0;color:var(--red)}.priority-badge.sedang{background:#fff8e8;color:#b76e00}.task-progress{display:flex;align-items:center;gap:7px}.task-progress>div{width:55px;height:5px;background:#e9edf2;border-radius:5px;overflow:hidden}.task-progress span{display:block;height:100%;background:var(--green);border-radius:5px;transition:.2s}.task-progress small{margin:0!important}.task-list-table tr.saving{opacity:.55}@media(max-width:800px){.task-summary-grid{grid-template-columns:1fr 1fr}.task-filters select{max-width:none;flex:1}}
.milestone-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.milestone-heading b{font-size:15px;color:var(--navy)}.milestone-progress{height:6px;background:#e5e9ef;border-radius:6px;overflow:hidden;margin:4px 0 2px}.milestone-progress span{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:6px;transition:width .25s}.milestone-count{font-size:8px!important;color:#667085;margin-bottom:3px}.milestone-count b{color:var(--navy)}
.competition-hero{min-height:190px;border-radius:18px;padding:30px 38px;color:#fff;background:radial-gradient(circle at 80% 30%,#ff6a5c55 0 18%,transparent 19%),linear-gradient(125deg,#8d1115,#d51d20 52%,#f13b23);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.competition-hero:after{content:"MERDEKA";position:absolute;right:150px;bottom:-18px;font-size:88px;font-weight:900;opacity:.07}.competition-hero .eyebrow{color:#ffd2cd}.competition-hero h1{font-size:29px;margin:5px 0 0;letter-spacing:.03em}.competition-hero h2{font-size:40px;margin:0;color:#fff}.competition-hero p{font-size:12px;opacity:.8;margin:8px 0 0}.competition-emblem{width:135px;height:135px;border:2px solid #ffffff55;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:18px;z-index:1;background:#ffffff10;box-shadow:inset 0 0 35px #fff2}.competition-emblem i{font-size:30px;grid-column:1/-1;text-align:center}.competition-emblem strong{font-size:32px}.competition-emblem span{font-size:10px;font-weight:800;line-height:1.2}.competition-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.competition-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.competition-summary>div{background:#fff;border:1px solid var(--border);border-radius:13px;padding:14px 17px;display:flex;align-items:center;gap:12px}.competition-summary>div>i{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#fff0f0;color:var(--red);font-size:18px}.competition-summary span{display:flex;flex-direction:column}.competition-summary small{font-size:10px;color:var(--muted)}.competition-summary strong{font-size:20px}.competition-day{background:#fff;border:1px solid var(--border);border-radius:16px;margin-bottom:17px;overflow:hidden}.competition-day-head{display:flex;align-items:center;gap:13px;padding:13px 18px;border-bottom:1px solid var(--border);background:#fbfcfd}.competition-day-head>div:nth-child(2){flex:1}.competition-day-head>div:nth-child(2)>span{font-size:8px;letter-spacing:.15em;font-weight:800;color:var(--red)}.competition-day-head h2{font-size:15px;margin:2px 0}.competition-day-head>b{font-size:9px;background:#eef1f6;border-radius:20px;padding:5px 9px;color:#667085}.day-date{width:45px;height:48px;border-radius:10px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.day-date strong{font-size:20px;line-height:1}.day-date span{font-size:9px}.competition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px}.competition-card{--cat:#d62828;--cat-soft:#fff0f0;border:1px solid var(--border);border-top:4px solid var(--cat);border-radius:13px;padding:15px;box-shadow:0 3px 12px #14213d0a;transition:.2s}.competition-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.competition-card.kids{--cat:#d62828;--cat-soft:#fff0f0}.competition-card.youth{--cat:#f59e0b;--cat-soft:#fff8e8}.competition-card.adult{--cat:#155ca0;--cat-soft:#edf5ff}.competition-card.family{--cat:#6f3d91;--cat-soft:#f8f0fc}.competition-card.general{--cat:#078a86;--cat-soft:#eafaf9}.competition-card-top{display:flex;justify-content:space-between;align-items:center}.competition-code{font-size:9px;font-weight:800;color:var(--cat);background:var(--cat-soft);padding:4px 7px;border-radius:5px}.competition-status{font-size:8px;color:#15803d;background:#ecfdf3;padding:4px 7px;border-radius:20px}.competition-card-title{display:flex;align-items:center;gap:10px;margin:14px 0}.competition-card-title>i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--cat-soft);color:var(--cat);font-size:19px}.competition-card-title small{font-size:8px;color:var(--cat);font-weight:800}.competition-card-title h3{font-size:16px;margin:1px 0}.competition-info{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;background:#f8fafc;border-radius:9px}.competition-info span{display:flex;align-items:center;gap:5px;font-size:9px;color:#667085}.competition-info i{color:var(--cat)}.competition-info b{color:#344054;font-weight:600}.capacity-label{display:flex;justify-content:space-between;font-size:9px;margin-top:12px}.capacity-label strong{color:var(--cat)}.capacity-bar{height:6px;border-radius:6px;background:#edf0f4;overflow:hidden;margin-top:4px}.capacity-bar span{display:block;height:100%;background:var(--cat);border-radius:6px}.competition-card p{font-size:9px;color:#667085;line-height:1.45;min-height:27px;margin:10px 0}.competition-card-actions{border-top:1px solid #edf0f4;padding-top:10px;display:flex;justify-content:space-between}.competition-card-actions a{font-size:10px;color:var(--cat);font-weight:700;text-decoration:none}.competition-card-actions .edit{width:26px;height:26px;border-radius:7px;background:var(--cat-soft);display:grid;place-items:center}.competition-legend{display:flex;justify-content:center;gap:18px;padding:8px;font-size:10px}.competition-legend span{display:flex;align-items:center;gap:5px}.competition-legend i{width:9px;height:9px;border-radius:50%;background:#d62828}.competition-legend .youth i{background:#f59e0b}.competition-legend .adult i{background:#155ca0}.competition-legend .family i{background:#6f3d91}.competition-legend .general i{background:#078a86}@media(max-width:1100px){.competition-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.competition-hero{min-height:160px;padding:24px}.competition-hero h1{font-size:20px}.competition-hero h2{font-size:29px}.competition-emblem{width:100px;height:100px;padding:12px}.competition-summary{grid-template-columns:1fr 1fr}.competition-grid{grid-template-columns:1fr}.competition-legend{flex-wrap:wrap}.competition-toolbar .btn{font-size:0}.competition-toolbar .btn i{font-size:14px}}@media(max-width:450px){.competition-emblem{display:none}}
.module-hero{--hero1:#8e1518;--hero2:#df2525;min-height:170px;border-radius:18px;padding:27px 34px;color:#fff;background:radial-gradient(circle at 82% 28%,#ffffff16 0 20%,transparent 21%),linear-gradient(125deg,var(--hero1),var(--hero2));display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.module-hero:before{content:"MERDEKA";position:absolute;right:130px;bottom:-23px;font-size:82px;font-weight:900;opacity:.06}.module-hero.theme-blue{--hero1:#0c376d;--hero2:#1972b9}.module-hero.theme-teal{--hero1:#076769;--hero2:#13a3a3}.module-hero.theme-navy{--hero1:#071737;--hero2:#234b80}.module-hero.theme-green{--hero1:#235d2a;--hero2:#4b9138}.module-hero.theme-rose{--hero1:#8f173f;--hero2:#d93261}.module-hero.theme-orange{--hero1:#a83b08;--hero2:#f06c17}.module-hero.theme-purple{--hero1:#432165;--hero2:#7546a0}.module-hero.theme-amber{--hero1:#9a5400;--hero2:#ee8d0b}.module-hero-copy{z-index:1}.module-kicker{display:block;font-size:9px;letter-spacing:.16em;font-weight:800;color:#ffffffbb;margin-bottom:5px}.module-hero h1{font-size:31px;margin:0;letter-spacing:-.02em}.module-hero h2{font-size:17px;margin:5px 0;color:#fff}.module-hero p{font-size:11px;opacity:.78;margin:0}.module-hero-icon{width:110px;height:110px;border:2px solid #ffffff44;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;z-index:1}.module-hero-icon i{font-size:35px}.module-hero-icon span{font-size:22px;font-weight:900}.module-actionbar{display:flex;align-items:center;gap:26px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:12px 16px;margin:12px 0}.module-actionbar>div{display:flex;flex-direction:column;border-right:1px solid var(--border);padding-right:26px}.module-actionbar strong{font-size:18px}.module-actionbar span{font-size:9px;color:var(--muted)}.module-actionbar .action-spacer{flex:1}.table-panel{border-top:4px solid var(--red)}.table-panel .toolbar{background:#f8fafc;margin:-21px -21px 14px;padding:14px 18px;border-radius:12px 12px 0 0;border-bottom:1px solid var(--border)}.form-hero,.detail-hero{border-radius:17px;padding:24px 29px;margin-bottom:16px;color:#fff;background:linear-gradient(125deg,#071737,#203f6b);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.form-hero:after,.detail-hero:after{content:"17";position:absolute;right:145px;bottom:-65px;font-size:150px;font-weight:900;opacity:.06}.form-hero .back-link,.detail-hero .back-link{display:block;color:#ffb4b4;margin-bottom:19px}.form-hero h1,.detail-hero h1{font-size:27px;margin:3px 0}.form-hero p,.detail-hero p{font-size:11px;opacity:.75;margin:0}.form-hero-badge{width:88px;height:88px;border-radius:50%;border:2px solid #ffffff44;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.form-hero-badge i{font-size:27px}.form-hero-badge span{font-size:9px;font-weight:800}.form-panel{border-top:4px solid var(--red)}.form-section-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:18px}.form-section-title>i{width:36px;height:36px;border-radius:10px;background:#fff0f0;color:var(--red);display:grid;place-items:center}.form-section-title>div{display:flex;flex-direction:column}.form-section-title strong{font-size:13px}.form-section-title small{font-size:9px;color:var(--muted)}.detail-hero-actions{display:flex;align-items:center;gap:18px;z-index:1}.detail-hero-actions>i{font-size:40px;color:#ffffffaa}.detail-panel{border-top:4px solid var(--red)}.detail-grid>div{background:#fafbfc;border:1px solid #edf0f3;border-radius:10px;padding:12px 14px}.detail-grid>div:hover{border-color:#f2b8b8;background:#fffafa}@media(max-width:800px){.module-hero{min-height:145px;padding:22px}.module-hero h1{font-size:24px}.module-hero h2{font-size:14px}.module-hero-icon{width:78px;height:78px}.module-hero-icon i{font-size:25px}.module-actionbar{gap:14px;overflow:auto}.module-actionbar>div{min-width:90px;padding-right:14px}.form-hero,.detail-hero{padding:20px}.detail-hero-actions>i{display:none}.detail-hero-actions .btn{font-size:0}.detail-hero-actions .btn i{font-size:14px}}@media(max-width:470px){.module-hero-icon,.form-hero-badge{display:none}.module-hero h1{font-size:22px}.module-actionbar>div:nth-child(3){display:none}}
.sidebar nav{padding-top:10px}.menu-group{padding-top:7px;margin-bottom:3px}.sidebar nav .menu-group p{display:flex;align-items:center;gap:7px;margin:8px 12px 5px}.menu-group p i{width:7px;height:7px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 3px #f2f4f7}.menu-group-chair p i{background:#d62828;box-shadow:0 0 0 3px #fff0f0}.menu-group-treasurer p i{background:#3b8335;box-shadow:0 0 0 3px #eff9ed}.menu-group-event p i{background:#1768aa;box-shadow:0 0 0 3px #edf5ff}.menu-group-equipment p i{background:#704198;box-shadow:0 0 0 3px #f7f0fb}.menu-group-consumption p i{background:#ed780d;box-shadow:0 0 0 3px #fff6e9}.menu-group-documentation p i{background:#0a9290;box-shadow:0 0 0 3px #eafaf9}.menu-group-main p i{background:#14213d;box-shadow:0 0 0 3px #eef1f7}.menu-group:not(:first-child){border-top:1px solid #f0f2f5}.menu-group a{position:relative}.menu-group-chair a.active{background:#fff0f0;color:#d62828}.menu-group-treasurer a.active{background:#eff9ed;color:#35762e}.menu-group-event a.active{background:#edf5ff;color:#155ca0}.menu-group-equipment a.active{background:#f7f0fb;color:#69408b}.menu-group-consumption a.active{background:#fff6e9;color:#d66805}.menu-group-documentation a.active{background:#eafaf9;color:#087d7b}
.menu-group-report p i{background:#344b70;box-shadow:0 0 0 3px #eef1f7}.menu-group-report a.active{background:#eef1f7;color:#14213d}
.menu-group-toggle{width:100%;border:0;background:transparent;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;color:#667085;border-radius:8px;cursor:pointer}.menu-group-toggle:hover{background:#f8fafc}.menu-group-toggle>span{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.09em;font-weight:800;text-align:left}.menu-group-toggle>span>i{width:7px;height:7px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 3px #f2f4f7;flex:none}.menu-chevron{font-size:10px;transition:transform .2s}.menu-group.expanded .menu-chevron{transform:rotate(180deg)}.menu-group-links{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .18s ease}.menu-group.expanded .menu-group-links{max-height:360px;opacity:1}.menu-group-chair .menu-group-toggle>span>i{background:#d62828;box-shadow:0 0 0 3px #fff0f0}.menu-group-treasurer .menu-group-toggle>span>i{background:#3b8335;box-shadow:0 0 0 3px #eff9ed}.menu-group-event .menu-group-toggle>span>i{background:#1768aa;box-shadow:0 0 0 3px #edf5ff}.menu-group-equipment .menu-group-toggle>span>i{background:#704198;box-shadow:0 0 0 3px #f7f0fb}.menu-group-consumption .menu-group-toggle>span>i{background:#ed780d;box-shadow:0 0 0 3px #fff6e9}.menu-group-documentation .menu-group-toggle>span>i{background:#0a9290;box-shadow:0 0 0 3px #eafaf9}.menu-group-main .menu-group-toggle>span>i,.menu-group-report .menu-group-toggle>span>i{background:#14213d;box-shadow:0 0 0 3px #eef1f7}
.relation-picker{margin-top:22px;padding:17px;background:#f8fafc;border:1px solid var(--border);border-radius:12px}.relation-picker .form-section-title{margin-bottom:12px}.relation-picker select{background:#fff;min-height:135px}.relation-picker option{padding:7px;border-radius:5px}.relation-picker option:checked{background:linear-gradient(90deg,#d62828,#d62828);color:#fff}.form-text{font-size:9px;color:var(--muted)}.relation-panel{margin-top:16px;border-top:4px solid #155ca0}.relation-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.relation-cards>a{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:11px;color:var(--navy);text-decoration:none;background:#fafbfc}.relation-cards>a:hover{border-color:#8bb8dd;background:#f4f9ff}.relation-cards>a>i{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#edf5ff;color:#155ca0}.relation-cards>a>div{display:flex;flex-direction:column;flex:1}.relation-cards strong{font-size:12px}.relation-cards small{font-size:9px;color:var(--muted)}.relation-cards>a>span{font-size:9px;font-weight:700;background:#eef1f6;padding:4px 7px;border-radius:20px}.relation-empty{grid-column:1/-1;padding:22px;text-align:center;color:var(--muted);font-size:11px;background:#fafbfc;border-radius:10px}.relation-empty i{font-size:20px;margin-right:7px}@media(max-width:800px){.relation-cards{grid-template-columns:1fr}}
.participant-relation-panel{margin-top:16px;border-top:4px solid #078a86}.participant-relation-head{display:grid;grid-template-columns:1.4fr 1fr .65fr .65fr;padding:8px 56px 8px 12px;background:#f8fafc;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.participant-relation-list>a{display:grid;grid-template-columns:38px 1.4fr 1fr .65fr .65fr 18px;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid #edf0f3;text-decoration:none;color:var(--navy)}.participant-relation-list>a:hover{background:#f7fcfc}.participant-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eafaf9;color:#078a86;font-weight:800}.participant-relation-list a>div{display:flex;flex-direction:column}.participant-relation-list strong{font-size:11px}.participant-relation-list small{font-size:9px;color:var(--muted)}.participant-relation-list>a>i{color:#98a2b3}@media(max-width:800px){.participant-relation-head{display:none}.participant-relation-list>a{grid-template-columns:36px 1fr auto}.participant-relation-list>a>div:nth-of-type(2),.participant-relation-list>a>.status-pill:nth-of-type(2),.participant-relation-list>a>i{display:none}}
.auto-code-input{position:relative}.auto-code-input>i{position:absolute;left:13px;top:10px;color:var(--red);z-index:1}.auto-code-input input{padding-left:38px;background:#fff7f7;border-color:#f1c6c6;color:#8c2930;font-weight:700;letter-spacing:.04em}.auto-code-input input:focus{background:#fff7f7}.auto-code-hint{display:block;font-size:9px;color:#667085;margin-top:5px}.auto-code-hint i{color:#98a2b3;margin-right:3px}
.schedule-hero{min-height:185px;border-radius:18px;padding:29px 36px;color:#fff;background:radial-gradient(circle at 80% 25%,#ffffff15 0 20%,transparent 21%),linear-gradient(125deg,#071737,#164f8a 60%,#1d77b9);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.schedule-hero:after{content:"RUN DOWN";position:absolute;right:145px;bottom:-20px;font-size:76px;font-weight:900;opacity:.06}.schedule-hero h1{font-size:29px;margin:3px 0}.schedule-hero h2{font-size:17px;margin:3px 0;color:#fff}.schedule-hero p{font-size:11px;opacity:.75}.schedule-clock{width:115px;height:115px;border-radius:50%;border:2px solid #ffffff44;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.schedule-clock i{font-size:24px}.schedule-clock strong{font-size:29px;line-height:1}.schedule-clock span{font-size:9px;font-weight:800}.schedule-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.schedule-summary>div{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px 16px}.schedule-summary>div>i{width:38px;height:38px;border-radius:10px;background:#edf5ff;color:#155ca0;display:grid;place-items:center;font-size:17px}.schedule-summary span{display:flex;flex-direction:column}.schedule-summary small{font-size:9px;color:var(--muted)}.schedule-summary strong{font-size:18px}.schedule-day{--day:#d62828;--soft:#fff1f1;background:#fff;border:1px solid var(--border);border-top:5px solid var(--day);border-radius:16px;margin-bottom:18px;overflow:hidden}.schedule-day.day-blue{--day:#1565a8;--soft:#edf5ff}.schedule-day.day-green{--day:#23843b;--soft:#effaf1}.schedule-day.day-orange{--day:#e86c08;--soft:#fff6e9}.schedule-day-header{display:flex;align-items:center;gap:13px;padding:15px 18px;background:linear-gradient(90deg,var(--soft),#fff);border-bottom:1px solid var(--border)}.schedule-date-number{width:54px;height:57px;border-radius:11px;background:var(--day);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 12px color-mix(in srgb,var(--day) 25%,transparent)}.schedule-date-number strong{font-size:24px;line-height:1}.schedule-date-number span{font-size:9px;font-weight:800}.schedule-day-header>div:nth-child(2){flex:1}.schedule-day-header>div:nth-child(2)>span{font-size:8px;letter-spacing:.15em;font-weight:800;color:var(--day)}.schedule-day-header h2{font-size:17px;margin:2px 0}.schedule-day-header p{font-size:9px;color:var(--muted);margin:0}.schedule-day-header>b{font-size:9px;color:#15803d;background:#ecfdf3;padding:6px 9px;border-radius:20px}.schedule-timeline{padding:17px 20px 8px}.timeline-item{display:grid;grid-template-columns:75px 32px 1fr;position:relative;min-height:118px}.timeline-time{text-align:right;padding:7px 9px 0 0;display:flex;flex-direction:column}.timeline-time strong{font-size:16px;color:var(--day)}.timeline-time span{font-size:8px;color:var(--muted)}.timeline-marker{position:relative;display:flex;justify-content:center}.timeline-marker:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#e3e7ed}.timeline-marker i{width:27px;height:27px;border-radius:50%;background:var(--day);color:#fff;display:grid;place-items:center;font-size:11px;z-index:1;box-shadow:0 0 0 5px var(--soft)}.timeline-card{border:1px solid var(--border);border-left:4px solid var(--day);border-radius:11px;padding:12px 14px;margin:0 0 13px 8px;background:#fff;box-shadow:0 3px 12px #14213d0a}.timeline-card-head{display:flex;justify-content:space-between}.source-badge{font-size:8px;font-weight:800;color:var(--day);background:var(--soft);padding:3px 6px;border-radius:5px}.timeline-card h3{font-size:14px;margin:7px 0}.timeline-meta{display:flex;gap:15px;flex-wrap:wrap}.timeline-meta span{font-size:9px;color:#667085}.timeline-meta i{color:var(--day);margin-right:4px}.timeline-card p{font-size:9px;color:var(--muted);margin:7px 0}.timeline-actions{border-top:1px solid #edf0f3;margin-top:9px;padding-top:8px;display:flex;gap:14px}.timeline-actions a{font-size:9px;color:var(--day);font-weight:700;text-decoration:none}.schedule-day-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;background:var(--soft);border-top:1px solid color-mix(in srgb,var(--day) 20%,#fff);font-size:9px}.schedule-day-footer i{color:var(--day);font-size:17px}.schedule-day-footer strong{color:var(--day)}@media(max-width:800px){.schedule-hero{min-height:150px;padding:22px}.schedule-hero h1{font-size:21px}.schedule-clock{width:82px;height:82px}.schedule-summary{grid-template-columns:1fr 1fr}.schedule-day-header>b{display:none}.timeline-item{grid-template-columns:61px 25px 1fr}.schedule-timeline{padding:14px 10px}.timeline-meta{display:grid;gap:4px}.schedule-day-footer{align-items:flex-start}.competition-toolbar .btn{white-space:nowrap}}@media(max-width:450px){.schedule-clock{display:none}}
.prize-relation-panel{margin-top:16px;border-top:4px solid #e86c08}.prize-relation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prize-relation-grid>a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:11px;color:var(--navy);text-decoration:none;background:#fffaf5}.prize-relation-grid>a:hover{border-color:#f2b57f}.prize-relation-grid>a>i{width:38px;height:38px;border-radius:10px;background:#fff0df;color:#e86c08;display:grid;place-items:center}.prize-relation-grid>a>div{display:flex;flex-direction:column}.prize-relation-grid small{font-size:8px;color:#e86c08;font-weight:700}.prize-relation-grid strong{font-size:12px}.prize-relation-grid span{font-size:9px;color:var(--muted)}.prize-relation-grid>a>b{font-size:8px;background:#fff0df;color:#b44e00;padding:4px 7px;border-radius:20px}@media(max-width:800px){.prize-relation-grid{grid-template-columns:1fr}}
.result-relation-panel{margin-top:16px;border-top:4px solid #6f3d91}.result-relation-list>a{display:grid;grid-template-columns:42px 1.5fr .6fr .6fr 18px;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--navy)}.result-relation-list>a:hover{background:#faf7fc}.winner-position{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#f6ecfb;color:#6f3d91;font-weight:900}.result-relation-list a>div{display:flex;flex-direction:column}.result-relation-list strong{font-size:11px}.result-relation-list small{font-size:9px;color:var(--muted)}.result-relation-list>a>i{color:#98a2b3}@media(max-width:800px){.result-relation-list>a{grid-template-columns:38px 1fr auto}.result-relation-list>a>div:nth-of-type(2),.result-relation-list>a>i{display:none}}
.winner-picker-panel{margin-top:16px;border-top:4px solid #d4a017}.winner-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.winner-picker{border:1px solid var(--border);border-radius:11px;padding:11px;background:#fffdf5}.winner-picker>span{display:block;font-size:9px;font-weight:900;color:#9b7400;margin-bottom:7px}.winner-picker-2{background:#fafbfc}.winner-picker-2>span{color:#64748b}.winner-picker-3{background:#fff8f2}.winner-picker-3>span{color:#b65f22}.winner-picker-4{background:#f7f8fa}.winner-picker-4>span{color:#475467}.winner-picker-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}.winner-picker-actions>span{font-size:9px;color:var(--muted)}@media(max-width:1000px){.winner-picker-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.winner-picker-grid{grid-template-columns:1fr}.winner-picker-actions{align-items:flex-start;gap:10px;flex-direction:column}}
.brand-logo,.login-brand-logo{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe7e4;box-shadow:0 3px 10px rgba(0,71,64,.12);flex:none}.brand-logo img,.login-brand-logo img{width:100%;height:100%;object-fit:contain}.brand{padding-left:18px}.brand-logo{width:48px;height:48px}.login-brand-logo{width:62px!important;height:62px!important;background:#fff!important}.login-logo{align-items:center}.login-logo strong{color:#003f3a}.login-hero:before{content:"";position:absolute;right:35px;top:35px;width:115px;height:115px;border-radius:50%;background:#fff url("../images/logo-paguyuban-de-fatmawati.png") center/contain no-repeat;opacity:.92;box-shadow:0 10px 30px #7c101755;z-index:1}@media(max-width:1050px){.login-hero:before{width:85px;height:85px;right:25px;top:25px}}
.budget-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.budget-summary-grid>div{padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:linear-gradient(135deg,#fff,#f8fafc)}.budget-summary-grid small{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.budget-summary-grid strong{font-size:18px;color:#14213d}@media(max-width:720px){.budget-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.roadmap-head span>small{display:block;margin-top:5px;font-size:12px;font-weight:800;line-height:1.3;letter-spacing:.1px;opacity:1;text-transform:none}
.competition-card-actions .register{flex:1;justify-content:center;padding:8px 10px;border-radius:9px;background:#d62828;color:#fff;font-size:11px}.registration-competition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.registration-option{position:relative;display:flex;gap:11px;padding:14px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;cursor:pointer;transition:.2s}.registration-option:hover{border-color:#d62828;box-shadow:0 8px 20px rgba(20,33,61,.08)}.registration-option>input{position:absolute;opacity:0}.registration-check{display:grid;place-items:center;flex:0 0 24px;height:24px;border:2px solid #cbd5e1;border-radius:7px;color:transparent}.registration-option input:checked+.registration-check{background:#16a34a;border-color:#16a34a;color:#fff}.registration-option>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.registration-option small{color:#d62828;font-weight:800}.registration-option strong{color:#14213d}.registration-option em{font-size:11px;color:#64748b;font-style:normal}.registration-option b{font-size:10px;color:#16a34a}.registration-option.disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}@media(max-width:720px){.registration-competition-grid{grid-template-columns:1fr}}
.public-register-link{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#64748b}.public-register-link a{font-weight:800;color:#d62828;text-decoration:none}.public-registration-page{min-height:100vh;background:#f5f7fa;color:#14213d}.public-registration-head{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px max(5vw,24px);background:linear-gradient(115deg,#071a3b,#14213d 62%,#d62828);color:#fff}.public-registration-head>a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.public-registration-head img{width:58px;height:58px;border-radius:50%;background:#fff}.public-registration-head a span{display:flex;flex-direction:column}.public-registration-head a strong{font-size:20px}.public-registration-head a small{font-size:10px;opacity:.8}.public-registration-head>div{text-align:right}.public-registration-head>div>span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#fecaca}.public-registration-head h1{margin:2px 0;font-size:28px}.public-registration-head p{margin:0;font-size:12px;opacity:.8}.public-registration-main{width:min(980px,calc(100% - 28px));margin:28px auto 50px}.public-registration-form,.registration-success{padding:28px;border:1px solid #e5e7eb;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(20,33,61,.09)}.registration-intro{padding:18px 20px;margin:-28px -28px 24px;border-radius:22px 22px 0 0;background:linear-gradient(100deg,#fff1f2,#fff)}.registration-intro>span{font-size:11px;font-weight:900;color:#d62828;letter-spacing:1px}.registration-intro h2{margin:3px 0;font-weight:900}.registration-intro p{margin:0;color:#64748b}.public-registration-form section{margin-bottom:26px}.public-registration-consent{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px;border-radius:12px;background:#f0fdf4;color:#166534;font-size:12px}.public-registration-consent i{font-size:20px}.registration-success{text-align:center}.registration-success>i{font-size:64px;color:#16a34a}.registration-success>span{display:block;margin:8px;color:#16a34a;font-weight:900;letter-spacing:1px}.registration-success>strong{display:inline-block;margin:8px;padding:10px 22px;border-radius:12px;background:#14213d;color:#fff;font-size:26px}.registration-success>small{display:block;margin:8px;color:#64748b}@media(max-width:640px){.public-registration-head{align-items:flex-start;flex-direction:column}.public-registration-head>div{text-align:left}.public-registration-form,.registration-success{padding:18px}.registration-intro{margin:-18px -18px 20px}}
.login-hero{padding:0!important;align-items:flex-end!important;background:#14213d!important}.login-independence-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.login-hero:after{content:""!important;inset:0!important;right:auto!important;bottom:auto!important;font-size:0!important;background:linear-gradient(180deg,rgba(7,26,59,.04) 20%,rgba(7,26,59,.2) 48%,rgba(7,26,59,.94) 100%);opacity:1!important;z-index:0}.login-hero .hero-copy{width:100%;padding:clamp(38px,7vw,90px);padding-top:230px;text-shadow:0 2px 14px rgba(0,0,0,.35)}.login-hero .hero-copy h1{font-size:clamp(36px,4vw,58px);margin:10px 0}.login-hero .hero-copy p{font-size:16px;opacity:.95}.login-hero .flag-line{margin:22px 0 10px;background:linear-gradient(90deg,#e30613 50%,#fff 50%);height:6px;width:86px}.login-flag-badge{position:absolute;top:30px;left:35px;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:999px;background:rgba(211,22,34,.94);color:#fff;font-size:12px;font-weight:900;letter-spacing:1px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.login-hero:before{z-index:2}.public-register-highlight{display:flex;align-items:center;gap:13px;margin-top:18px;padding:16px;border:2px solid #fecaca;border-radius:16px;background:linear-gradient(115deg,#fff1f2,#fff 68%);color:#14213d;text-decoration:none;box-shadow:0 8px 24px rgba(214,40,40,.1);transition:.2s}.public-register-highlight:hover{transform:translateY(-2px);border-color:#d62828;color:#14213d;box-shadow:0 13px 30px rgba(214,40,40,.18)}.register-highlight-icon{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:14px;background:#d62828;color:#fff;font-size:23px}.public-register-highlight>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.public-register-highlight small{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#d62828}.public-register-highlight strong{font-size:17px}.public-register-highlight em{font-size:11px;color:#64748b;font-style:normal}.public-register-highlight>i{font-size:23px;color:#d62828}@media(max-width:800px){.login-hero{display:flex!important;min-height:300px}.login-wrap{grid-template-columns:1fr!important}.login-hero .hero-copy{padding:100px 24px 30px}.login-hero .hero-copy h1{font-size:30px}.login-hero .hero-copy p{font-size:13px}.login-flag-badge{top:18px;left:18px}.login-hero:before{display:none}}
.login-hero .hero-copy{position:absolute;top:16%;left:7%;width:min(650px,82%);padding:25px 30px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(255,255,255,.9);color:#14213d;box-shadow:0 18px 50px rgba(20,33,61,.18);backdrop-filter:blur(8px);text-shadow:none}.login-hero .hero-copy .eyebrow{color:#d62828}.login-hero .hero-copy h1{font-size:clamp(34px,3.4vw,52px);line-height:1.06;margin:9px 0 12px;color:#14213d}.login-hero .hero-copy p{margin:0;color:#475569;font-size:15px;font-weight:550;opacity:1}.login-hero .hero-copy small{color:#14213d;font-size:13px;font-weight:800}.login-hero .flag-line{margin:18px 0 9px;background:linear-gradient(90deg,#e30613 50%,#e5e7eb 50%);height:6px;width:86px}@media(max-width:800px){.login-hero{min-height:390px}.login-hero .hero-copy{top:auto;left:18px;right:18px;bottom:18px;width:auto;padding:18px 20px}.login-hero .hero-copy h1{font-size:27px}.login-hero .hero-copy p{font-size:12px}}
.login-hero .hero-copy{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;text-shadow:0 1px 0 rgba(255,255,255,.95),0 3px 14px rgba(255,255,255,.85)}.login-hero .hero-copy h1{max-width:620px}.login-hero .hero-copy p,.login-hero .hero-copy small{text-shadow:0 1px 0 #fff,0 2px 8px rgba(255,255,255,.9)}@media(max-width:800px){.login-hero .hero-copy{padding:0;background:transparent;box-shadow:none}}
.login-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:620px}.login-hero-meta small{font-size:11px!important;font-weight:900!important;white-space:nowrap;color:#14213d!important}.login-hero-meta .eyebrow{white-space:nowrap}@media(max-width:520px){.login-hero-meta{align-items:flex-start;flex-direction:column;gap:3px}}
.registration-theme{display:flex;align-items:center;gap:14px;margin-top:15px;padding:12px 15px;border-left:5px solid #d62828;border-radius:0 12px 12px 0;background:#fff;color:#14213d}.registration-theme small{flex:none;font-size:9px!important;font-weight:900!important;letter-spacing:1px;color:#d62828!important}.registration-theme strong{font-size:15px;line-height:1.35}@media(max-width:580px){.registration-theme{align-items:flex-start;flex-direction:column;gap:3px}}
.competition-category-head{grid-column:1/-1;display:flex;align-items:center;gap:11px;margin-top:8px;padding:11px 15px;border-radius:12px;background:linear-gradient(100deg,#14213d,#253b63);color:#fff}.competition-category-head i{font-size:22px;color:#fecaca}.competition-category-head span{display:flex;flex-direction:column}.competition-category-head small{font-size:8px!important;letter-spacing:1.2px;color:#fecaca!important}.competition-category-head strong{font-size:15px}.competition-category-head.category-anak-anak{background:linear-gradient(100deg,#d62828,#ef4444)}.competition-category-head.category-remaja{background:linear-gradient(100deg,#0f766e,#14b8a6)}.competition-category-head.category-dewasa{background:linear-gradient(100deg,#1d4ed8,#3b82f6)}.competition-category-head.category-keluarga{background:linear-gradient(100deg,#b45309,#f59e0b)}.competition-category-head.category-umum{background:linear-gradient(100deg,#14213d,#334155)}
.main,.page-content,.panel,.form-panel,.detail-panel{min-width:0}.table-panel,.roadmap-scroll,.milestone-board{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-control,.form-select,.btn,.icon-btn,.task-check,.registration-option{-webkit-tap-highlight-color:transparent}
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{height:62px}.page-content{padding:14px}
  .panel{padding:16px;border-radius:14px}
  .page-heading,.form-hero,.detail-hero,.module-hero,.competition-hero,.schedule-hero{align-items:flex-start;flex-direction:column}
  .page-heading{gap:12px}.page-heading h1{font-size:23px}
  .form-hero,.detail-hero,.module-hero,.competition-hero,.schedule-hero{padding:20px!important;min-height:auto}
  .form-hero h1,.detail-hero h1,.module-hero h1,.competition-hero h1,.schedule-hero h1{font-size:23px!important;line-height:1.15}
  .form-hero-badge,.module-hero-icon,.competition-emblem,.schedule-clock{display:none}
  .module-actionbar,.competition-toolbar,.roadmap-actions,.toolbar{align-items:stretch;flex-direction:column;width:100%}
  .view-tabs{max-width:100%;overflow-x:auto}.view-tabs a{white-space:nowrap}
  .toolbar .btn{width:100%;font-size:12px!important;justify-content:center}.toolbar .btn i{font-size:14px}
  .search-box,.toolbar select{width:100%;max-width:none}
  .form-grid{gap:14px}.form-label{font-size:13px}
  .form-control,.form-select{min-height:46px;font-size:16px;padding:11px 12px}
  textarea.form-control{min-height:110px}
  .form-actions{position:sticky;bottom:0;z-index:8;margin:20px -16px -16px;padding:12px 16px;background:rgba(255,255,255,.96);box-shadow:0 -5px 18px rgba(20,33,61,.08)}
  .form-actions .btn{flex:1;min-height:46px}
  .registration-option{padding:15px;min-height:108px}.registration-check{flex-basis:28px;height:28px}
  .registration-option strong{font-size:14px}.registration-option em,.registration-option b{font-size:11px}
  .competition-grid{grid-template-columns:1fr!important}.competition-card{padding:16px}
  .competition-card-actions{flex-wrap:wrap}.competition-card-actions>a{min-height:42px}
  .schedule-summary,.budget-summary-grid,.task-summary-grid,.stats-grid{grid-template-columns:1fr 1fr}
  .pagination-wrap{align-items:flex-start;flex-direction:column;gap:10px}.pagination-wrap nav{max-width:100%;overflow-x:auto}
  .relation-cards>a{align-items:flex-start}.relation-cards>a>span{white-space:nowrap}
  .roadmap-board{min-width:1410px}.roadmap-scroll:after{content:"Geser ke samping untuk melihat seluruh seksi →";position:sticky;left:10px;display:inline-block;margin:8px;padding:7px 10px;border-radius:8px;background:#14213d;color:#fff;font-size:10px}
  .public-registration-main{width:calc(100% - 20px);margin:10px auto 30px}
  .public-registration-head{padding:18px 16px;gap:14px}.public-registration-head img{width:48px;height:48px}.public-registration-head h1{font-size:22px}.public-registration-head>div{width:100%}
  .public-registration-form,.registration-success{padding:16px;border-radius:16px}.registration-intro{margin:-16px -16px 18px;padding:16px;border-radius:16px 16px 0 0}
  .registration-intro h2{font-size:22px}.registration-theme{padding:11px}
  .public-registration-form .btn-lg{min-height:52px;font-size:15px}
  .login-form-wrap{padding:22px 18px}.login-card{width:100%}.login-logo{margin-bottom:26px}.public-register-highlight{padding:14px 12px}.public-register-highlight strong{font-size:15px}
}
@media(max-width:430px){
  .page-content{padding:10px}.panel{padding:14px}
  .stats-grid,.schedule-summary,.budget-summary-grid,.task-summary-grid{grid-template-columns:1fr}
  .form-actions{margin-left:-14px;margin-right:-14px}
  .login-hero{min-height:340px}.login-hero .hero-copy{left:16px;right:16px;bottom:16px}.login-hero .hero-copy h1{font-size:24px}
  .login-hero-meta{gap:2px}.login-hero-meta small{font-size:10px!important}
  .public-registration-head>div>span{font-size:9px}.public-registration-head p{font-size:11px}
  .competition-category-head{padding:10px 12px}.registration-option{min-height:0}
}
.public-error-state>i{color:#d62828}.public-error-state>span{color:#d62828}.public-error-state .btn{margin:5px}
.public-diagnostic{max-width:760px;margin:18px auto;padding:14px;border-radius:12px;background:#fff7ed;border:1px solid #fdba74;text-align:left}.public-diagnostic strong,.public-diagnostic small{display:block}.public-diagnostic strong{font-size:10px;color:#c2410c;letter-spacing:1px}.public-diagnostic code{display:block;margin:8px 0;padding:10px;border-radius:8px;background:#14213d;color:#fff;white-space:pre-wrap;word-break:break-word}.public-diagnostic small{color:#9a3412}
.budget-category-control{display:grid;gap:9px}.budget-category-new[hidden]{display:none}.budget-category-new{padding:11px;border:1px dashed #d62828;border-radius:11px;background:#fff7f7}.budget-category-new .input-group-text{border-color:#d8dde5;background:#fff;color:#d62828}
.fund-source-panel{display:grid;grid-template-columns:1.05fr 2fr;margin-bottom:20px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #dbe2ea;box-shadow:0 8px 28px rgba(20,33,61,.07)}.fund-total{display:flex;flex-direction:column;justify-content:center;padding:24px;background:linear-gradient(135deg,#071737,#14213d);color:#fff}.fund-total>span{font-size:10px;font-weight:900;letter-spacing:1px;color:#fecaca}.fund-total>span i{margin-right:6px}.fund-total>strong{margin:6px 0;font-size:29px}.fund-total>small{font-size:10px;line-height:1.5;opacity:.72}.fund-breakdown{display:grid;grid-template-columns:repeat(4,1fr)}.fund-breakdown>a,.fund-breakdown>div{display:flex;align-items:center;gap:10px;padding:18px 14px;border-right:1px solid #e5e7eb;color:#14213d;text-decoration:none}.fund-breakdown>div:last-child{border:0}.fund-breakdown>a>i,.fund-breakdown>div>i{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#eef2f7;color:#14213d}.fund-breakdown>a:nth-child(2)>i{background:#ecfdf3;color:#16a34a}.fund-breakdown>a:nth-child(3)>i{background:#fff1f1;color:#d62828}.fund-balance>i{background:#fff8e8!important;color:#d97706!important}.fund-breakdown span{display:flex;min-width:0;flex-direction:column}.fund-breakdown small{font-size:9px;color:#64748b}.fund-breakdown strong{font-size:14px;white-space:nowrap}.fund-breakdown em{font-size:8px;color:#98a2b3;font-style:normal}.finance-total>span{font-size:9px;color:#64748b}.dot.navy{background:#14213d}@media(max-width:1100px){.fund-source-panel{grid-template-columns:1fr}.fund-breakdown{grid-template-columns:1fr 1fr}}@media(max-width:600px){.fund-breakdown{grid-template-columns:1fr}.fund-breakdown>a,.fund-breakdown>div{border-right:0;border-bottom:1px solid #e5e7eb}.fund-total>strong{font-size:25px}.finance-legend{align-items:flex-start;flex-direction:column}}
.public-info-link{display:block;margin-top:13px;text-align:center;color:#14213d;font-size:12px;font-weight:700;text-decoration:none}.public-info-link:hover{color:#d62828}.public-portal{min-height:100vh;background:#f5f7fa;color:#14213d}.portal-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:12px max(4vw,18px);border-bottom:1px solid #e5e7eb;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.portal-brand{display:flex;align-items:center;gap:9px;color:#14213d;text-decoration:none}.portal-brand img{width:45px;height:45px;border-radius:50%}.portal-brand span{display:flex;flex-direction:column}.portal-brand strong{font-size:17px}.portal-brand small{font-size:9px;color:#64748b}.portal-nav nav{display:flex;gap:20px;margin:auto}.portal-nav nav a{color:#475569;font-size:12px;font-weight:700;text-decoration:none}.portal-nav nav a:hover{color:#d62828}.portal-nav>div{display:flex;gap:7px}.portal-hero{position:relative;min-height:530px;display:flex;align-items:center;overflow:hidden}.portal-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portal-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,23,55,.94) 0,rgba(7,23,55,.78) 44%,rgba(7,23,55,.08) 75%)}.portal-hero-copy{position:relative;width:min(650px,90%);margin-left:max(6vw,24px);color:#fff}.portal-hero-copy>span,.portal-section-head>span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#fecaca}.portal-hero-copy h1{margin:10px 0;font-size:clamp(38px,5vw,65px);line-height:1.03}.portal-hero-copy p{font-size:14px;opacity:.82}.portal-hero-copy>div{display:flex;gap:9px;margin-top:24px}.portal-main{width:min(1180px,calc(100% - 28px));margin:auto}.portal-summary{position:relative;margin-top:-42px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(20,33,61,.14)}.portal-summary>div{display:flex;align-items:center;gap:12px;padding:20px;border-right:1px solid #e5e7eb}.portal-summary i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff1f1;color:#d62828;font-size:19px}.portal-summary span{display:flex;flex-direction:column}.portal-summary strong{font-size:23px}.portal-summary small{font-size:10px;color:#64748b}.portal-section{padding:80px 0 10px;scroll-margin-top:70px}.portal-section-head{text-align:center;margin-bottom:28px}.portal-section-head>span{color:#d62828}.portal-section-head h2{margin:5px 0;font-size:31px}.portal-section-head p{margin:0;color:#64748b}.portal-category{margin-bottom:24px}.portal-category-title{display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:14px 14px 0 0;background:#14213d;color:#fff}.portal-category-title>i{font-size:22px;color:#fecaca}.portal-category-title>div{display:flex;flex:1;flex-direction:column}.portal-category-title small{font-size:8px;color:#fecaca}.portal-category-title strong{font-size:16px}.portal-category-title>span{font-size:10px}.portal-competition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:14px;border:1px solid #dbe2ea;border-top:0;border-radius:0 0 14px 14px;background:#fff}.portal-competition-grid article{display:flex;flex-direction:column;padding:16px;border:1px solid #e5e7eb;border-radius:13px}.portal-competition-top,.portal-quota{display:flex;justify-content:space-between}.portal-competition-top span{font-size:9px;font-weight:900;color:#d62828}.portal-competition-top b{font-size:8px;padding:3px 6px;border-radius:15px;background:#ecfdf3;color:#15803d}.portal-competition-grid h3{margin:9px 0 4px;font-size:18px}.portal-competition-grid p{min-height:38px;color:#64748b;font-size:10px}.portal-competition-meta{display:grid;gap:5px;margin:9px 0}.portal-competition-meta span{font-size:10px}.portal-competition-meta i{width:18px;color:#d62828}.portal-quota{margin-top:auto;font-size:10px}.portal-quota em{color:#16a34a;font-style:normal;font-weight:700}.portal-competition-grid .capacity-bar{margin:7px 0 13px}.portal-schedule-section{width:100vw;margin-left:calc((100vw - min(1180px,calc(100vw - 28px)))/-2);padding-inline:max(calc((100vw - 1180px)/2),14px);padding-bottom:70px;background:#fff}.portal-schedule-days{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portal-schedule-days>article{display:flex;border:1px solid #dbe2ea;border-radius:15px;overflow:hidden}.portal-date{display:flex;flex:0 0 88px;align-items:center;justify-content:center;flex-direction:column;background:#d62828;color:#fff}.portal-date strong{font-size:31px}.portal-date span{font-size:8px;font-weight:900}.portal-date small{margin-top:5px;font-size:10px}.portal-agenda{flex:1;padding:10px}.portal-agenda>div{display:flex;gap:10px;padding:9px 4px;border-bottom:1px solid #edf0f3}.portal-agenda>div:last-child{border:0}.portal-agenda time{font-size:13px;font-weight:900;color:#d62828}.portal-agenda span{display:flex;flex-direction:column}.portal-agenda strong{font-size:11px}.portal-agenda small{font-size:8px;color:#64748b}.portal-winner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portal-winner-grid>article{padding:17px;border:1px solid #e5e7eb;border-top:5px solid #d4a017;border-radius:14px;background:#fff}.portal-winner-grid h3{font-size:16px}.portal-winner{display:flex;align-items:center;gap:10px;padding:9px;border-radius:9px;background:#fffaf0;margin-top:7px}.portal-winner>b{font-size:8px;color:#9a7400}.portal-winner span{display:flex;flex-direction:column}.portal-winner strong{font-size:12px}.portal-winner small{font-size:9px;color:#64748b}.portal-empty{text-align:center;padding:45px;border:1px dashed #cbd5e1;border-radius:15px;background:#fff}.portal-empty>i{font-size:42px;color:#d4a017}.portal-announcements{display:grid;grid-template-columns:1fr 1fr;gap:13px}.portal-announcements article{display:flex;gap:13px;padding:18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.portal-announcements article>i{font-size:23px;color:#d62828}.portal-announcements small{font-size:8px;color:#d62828;font-weight:800}.portal-announcements h3{margin:3px 0;font-size:16px}.portal-announcements p{margin:0;color:#64748b;font-size:11px}.portal-footer{display:flex;align-items:center;gap:12px;margin-top:70px;padding:24px max(5vw,20px);background:#071737;color:#fff}.portal-footer img{width:50px;height:50px;border-radius:50%;background:#fff}.portal-footer>div{display:flex;flex:1;flex-direction:column}.portal-footer span{font-size:10px;opacity:.7}.portal-footer>a{color:#fff;font-weight:800;text-decoration:none}@media(max-width:900px){.portal-nav nav{display:none}.portal-competition-grid,.portal-schedule-days,.portal-winner-grid{grid-template-columns:1fr 1fr}.portal-summary{grid-template-columns:1fr 1fr}}@media(max-width:620px){.portal-nav{gap:10px}.portal-nav>div .btn-light{display:none}.portal-nav>div .btn-primary{font-size:10px;padding:8px}.portal-hero{min-height:510px;align-items:flex-end}.portal-hero-overlay{background:linear-gradient(180deg,rgba(7,23,55,.05),rgba(7,23,55,.94))}.portal-hero-copy{margin:0 18px 40px}.portal-hero-copy h1{font-size:36px}.portal-hero-copy>div{flex-direction:column}.portal-summary,.portal-competition-grid,.portal-schedule-days,.portal-winner-grid,.portal-announcements{grid-template-columns:1fr}.portal-section{padding-top:55px}.portal-section-head h2{font-size:25px}.portal-schedule-section{margin-left:-14px;padding-inline:14px}.portal-footer{align-items:flex-start}.portal-footer>a{display:none}}
/* Competition card actions: detail/edit on top, registration below. */
.competition-card-actions{display:flex;flex-direction:column;gap:9px}
.competition-card-action-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.competition-card-actions .register{display:flex;width:100%;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:9px;background:#d62828;color:#fff;font-size:11px}

/* Festive public portal hero. */
.portal-hero>img{object-position:center center}
@media(max-width:620px){.portal-hero>img{object-position:67% center}}

.portal-contact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:55px 0 10px;padding:24px 28px;border-radius:18px;background:linear-gradient(125deg,#071737,#14213d 58%,#8f171b);color:#fff;box-shadow:0 16px 35px rgba(20,33,61,.16)}
.portal-contact-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:rgba(255,255,255,.12);font-size:25px}
.portal-contact small{color:#fecaca;font-size:9px;font-weight:900;letter-spacing:1.4px}.portal-contact h2{margin:3px 0;font-size:21px}.portal-contact p{margin:0;font-size:11px;opacity:.72}
.portal-contact-person{display:flex;min-width:225px;flex-direction:column;align-items:flex-start;padding-left:20px;border-left:1px solid rgba(255,255,255,.18)}.portal-contact-person span{font-size:9px;opacity:.65}.portal-contact-person strong{font-size:15px}.portal-contact-person a{display:flex;align-items:center;gap:7px;margin-top:7px;padding:8px 12px;border-radius:9px;background:#16a34a;color:#fff;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:620px){.portal-contact{grid-template-columns:auto 1fr;padding:20px}.portal-contact-person{grid-column:1/-1;width:100%;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.18);border-left:0}.portal-contact-person a{width:100%;justify-content:center}}
.registration-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.public-page-btn{display:flex;align-items:center;gap:7px;min-height:38px;margin-right:5px;padding:7px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f1;color:#d62828;font-size:11px;font-weight:800;text-decoration:none}.public-page-btn:hover{border-color:#d62828;background:#d62828;color:#fff}
@media(max-width:620px){.public-page-btn{width:40px;padding:0;justify-content:center}.public-page-btn span{display:none}}

.internal-chat{position:fixed;right:24px;bottom:24px;z-index:120}.chat-fab{position:relative;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:linear-gradient(135deg,#d62828,#e30613);color:#fff;font-size:23px;box-shadow:0 14px 35px rgba(214,40,40,.34)}.chat-unread{position:absolute;right:-2px;top:-4px;min-width:20px;height:20px;padding:2px 5px;border:2px solid #fff;border-radius:12px;background:#14213d;color:#fff;font-size:9px;font-weight:900}.chat-panel{position:absolute;right:0;bottom:68px;width:min(390px,calc(100vw - 30px));height:min(610px,calc(100vh - 110px));overflow:hidden;border:1px solid #dbe2ea;border-radius:20px;background:#fff;box-shadow:0 24px 65px rgba(20,33,61,.24)}.chat-panel[hidden]{display:none}.chat-panel>header{display:flex;align-items:center;padding:15px 17px;background:linear-gradient(120deg,#071737,#14213d 65%,#a3191d);color:#fff}.chat-panel>header>div{display:flex;flex:1;flex-direction:column}.chat-panel>header span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#fecaca}.chat-panel>header strong{font-size:15px}.chat-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.12);color:#fff}.chat-identity{display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid #e5e7eb;background:#fff8f8}.chat-identity label{flex:none;font-size:9px;font-weight:900;color:#d62828}.chat-identity select{height:35px;padding-block:5px;font-size:10px}.chat-messages{height:calc(100% - 194px);overflow-y:auto;padding:13px;background:#f5f7fa}.chat-loading,.chat-error{padding:25px;text-align:center;color:#64748b;font-size:11px}.chat-message{max-width:86%;margin:0 0 10px;padding:9px 11px;border:1px solid #e5e7eb;border-radius:4px 13px 13px;background:#fff;box-shadow:0 3px 10px rgba(20,33,61,.04)}.chat-message.mine{margin-left:auto;border-color:#fecaca;border-radius:13px 4px 13px 13px;background:#fff1f1}.chat-message>div{display:flex;align-items:center;gap:5px}.chat-message strong{font-size:9px;color:#d62828}.chat-message span{font-size:7px;color:#64748b}.chat-message time{margin-left:auto;font-size:7px;color:#98a2b3}.chat-message p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#1f2937;font-size:11px;line-height:1.4}.chat-compose{position:relative;padding:10px 12px;border-top:1px solid #e5e7eb}.chat-compose>div:last-of-type{display:flex;align-items:flex-end;gap:6px}.chat-compose textarea{flex:1;min-height:39px;max-height:85px;resize:none;border:1px solid #dbe2ea;border-radius:10px;padding:9px;font:inherit;font-size:11px}.chat-compose button{flex:none;border:0}.chat-mention-toggle,.chat-send{display:grid;place-items:center;width:38px;height:38px;border-radius:10px}.chat-mention-toggle{background:#eef1f6;color:#14213d;font-weight:900}.chat-send{background:#d62828;color:#fff}.chat-send:disabled{opacity:.45}.chat-compose>small{display:block;margin-top:5px;color:#64748b;font-size:8px}.chat-mention-list{position:absolute;right:12px;bottom:64px;left:12px;max-height:170px;overflow-y:auto;padding:7px;border:1px solid #dbe2ea;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(20,33,61,.16)}.chat-mention-list[hidden]{display:none}.chat-mention-list button{display:block;width:100%;padding:8px;border-radius:7px;background:#fff;text-align:left;color:#14213d;font-size:10px}.chat-mention-list button:hover{background:#fff1f1;color:#d62828}
@media(max-width:620px){.internal-chat{right:15px;bottom:15px}.chat-panel{position:fixed;inset:10px;width:auto;height:auto;border-radius:17px}.chat-fab{width:52px;height:52px}.chat-messages{height:calc(100% - 194px)}}
.chat-message .chat-tag{display:inline;color:#1677d2;font-size:inherit;font-weight:800}
@media(max-width:620px){.portal-nav>div .portal-login-btn{display:flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0;font-size:13px}.portal-login-btn span{display:none}.portal-nav>div .portal-register-btn{display:flex;align-items:center;gap:4px;white-space:nowrap}.portal-register-btn span{display:inline}}
@media(min-width:801px){body.sidebar-hidden .sidebar{transform:translateX(-100%)}body.sidebar-hidden .main{margin-left:0}.main{transition:margin-left .25s}}
