@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:DM Sans,sans-serif;color:#222a27;background:#f4f2ed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f2ed}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:#f4f2ed}.sidebar{width:256px;flex:0 0 256px;background:#18362b;color:#f7f5ed;min-height:100vh;display:flex;flex-direction:column;padding:27px 16px 19px;position:relative;z-index:4}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.brand-logo{width:41px;height:41px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:2px solid #c9a227}.brand-name{font-family:Space Grotesk,sans-serif;letter-spacing:.08em;font-size:12px;margin:0;font-weight:700}.brand-caption{color:#c9a227;letter-spacing:.15em;font-size:8px;margin:4px 0 0;font-weight:700}.club-switcher{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0f;margin-bottom:25px}.club-switcher strong,.club-switcher span,.user-mini strong,.user-mini span{display:block}.club-switcher strong{font-size:11px;font-weight:600}.club-switcher span{color:#9db1a5;font-size:9px;margin-top:3px}.club-switcher>svg{margin-left:auto;color:#9db1a5}.club-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#c9a227;color:#18362b;font:700 10px Space Grotesk}.side-nav{flex:1}.nav-section{color:#718f7b;font-size:8px;letter-spacing:.14em;font-weight:700;margin:21px 12px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#b4c7bb;padding:11px 12px;border-radius:8px;font-size:12px;text-align:left;transition:.2s}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#fff;background:#28503f;box-shadow:inset 3px 0 #c9a227}.nav-item.active svg{color:#e2ba45}.nav-count{margin-left:auto;color:#e3bc4a;background:#c9a22724;border-radius:12px;padding:3px 7px;font-size:9px}.sidebar-bottom{margin-top:16px}.sidebar-quote{display:flex;align-items:center;gap:7px;color:#b1bc8c;font:italic 10px Georgia,serif;padding:17px 10px;border-top:1px solid rgba(255,255,255,.1);margin-top:10px}.sidebar-quote svg{color:#c9a227}.user-mini{display:flex;align-items:center;gap:9px;padding:13px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.user-mini strong{font-size:11px}.user-mini span{color:#8ea99a;font-size:9px;margin-top:3px}.user-mini>svg{margin-left:auto;color:#789384}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:10px;font-weight:700;flex-shrink:0}.avatar-dark{background:#315343;color:#f0d480}.avatar-gold{background:#c9a227;color:#1b3a2e}.avatar-amber{background:#f3d9a5;color:#825c1c}.avatar-rose{background:#edd0ce;color:#9a4b48}.avatar-blue{background:#c9ddec;color:#466d88}.avatar-green{background:#c9e0ce;color:#3e7750}.avatar-violet{background:#ded4e7;color:#735480}.main-content{flex:1;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#f7f6f2;border-bottom:1px solid #e7e5df}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#9aa19b}.breadcrumb strong{color:#26352e;font-weight:600}.slash{color:#c8cbc5}.topbar-actions{display:flex;align-items:center;gap:17px}.search-box{width:211px;display:flex;align-items:center;gap:9px;color:#98a199;border:1px solid transparent;padding:7px 8px;border-radius:8px;transition:.2s}.search-box:focus-within{width:245px;border-color:#d7d9d1;background:#fff}.search-box input,.toolbar-search input{border:0;outline:0;background:transparent;color:#364239;width:100%;font-size:11px}.search-box input::-moz-placeholder,.toolbar-search input::-moz-placeholder{color:#9ba49e}.search-box input::placeholder,.toolbar-search input::placeholder{color:#9ba49e}.topbar-divider{height:25px;width:1px;background:#dedfd9}.icon-button,.profile-button,.mobile-menu,.mobile-close{border:0;background:transparent;color:#65736a;display:grid;place-items:center;position:relative}.icon-button{width:30px;height:30px;border-radius:7px}.icon-button:hover,.icon-button.selected{background:#ebece6;color:#1b3a2e}.notification-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#c9a227;top:4px;right:4px;border:1px solid #f7f6f2}.profile-button{display:flex;gap:8px;color:#35433b;font-size:11px;padding:0}.profile-button svg{color:#8d9990}.popover-wrap{position:relative}.popover{position:absolute;right:0;top:40px;background:#fff;border:1px solid #e6e6df;border-radius:11px;box-shadow:0 15px 35px #21342a1f;z-index:10}.notification-popover{width:280px;padding:14px}.popover-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #ecece8;font-size:12px}.popover-heading span{font-size:10px;color:#aa8a25;background:#fbf5df;padding:4px 7px;border-radius:5px}.notification-item{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #f0f0ec}.notification-item strong,.notification-item span{display:block}.notification-item strong{font-size:10px;color:#344139}.notification-item span{font-size:9px;color:#8d9990;margin-top:4px}.notice-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.notice-icon.gold{color:#a68318;background:#f9f1d5}.notice-icon.green{color:#39805d;background:#e0eee4}.view-all{border:0;background:transparent;color:#9f7d17;font-size:10px;padding:12px 0 0}.profile-popover{width:150px;padding:13px}.profile-popover strong,.profile-popover span{display:block}.profile-popover strong{font-size:11px}.profile-popover span{font-size:9px;color:#87938b;margin-top:3px}.popover-line{height:1px;background:#ecece8;margin:11px 0 6px}.profile-popover button{border:0;background:transparent;text-align:left;width:100%;padding:7px 0;color:#56655c;font-size:10px}.content-wrap{padding:36px 40px 46px;max-width:1500px;margin:0 auto}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}.eyebrow,.panel-kicker{color:#a48a34;font-size:9px;letter-spacing:.16em;font-weight:700;margin:0 0 9px}.welcome-row h1{font:700 29px/1.15 Space Grotesk,sans-serif;letter-spacing:-.04em;color:#20352b;margin:0}.subtitle{color:#8d9790;font-size:12px;margin:8px 0 0}.primary-button,.secondary-button,.text-button,.select-button{border:0;display:inline-flex;align-items:center;gap:8px;border-radius:7px;transition:.2s}.primary-button{color:#fff;background:#1b3a2e;font-size:11px;padding:12px 15px;box-shadow:0 5px 12px #1b3a2e1f}.primary-button:hover{background:#285642;transform:translateY(-1px)}.secondary-button{color:#53665a;border:1px solid #dde1db;background:#fff;font-size:11px;padding:10px 13px}.text-button{color:#9b7b19;background:transparent;font-size:10px;padding:3px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid #e5e5de;border-radius:11px}.stat-card{display:flex;align-items:flex-start;padding:19px 18px;min-height:118px;position:relative}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;margin-right:12px}.stat-icon.green{color:#327852;background:#e3f0e6}.stat-icon.gold{color:#a58018;background:#faf1d7}.stat-icon.blue{color:#477493;background:#e2eef4}.stat-icon.ink{color:#495d54;background:#e8ece9}.stat-copy>span,.stat-copy>strong,.stat-copy>small{display:block}.stat-copy>span{color:#87928b;font-size:10px}.stat-copy>strong{color:#25372d;font:700 23px Space Grotesk;margin-top:8px;letter-spacing:-.04em}.stat-copy>small{font-size:9px;color:#9ba29c;margin-top:7px}.stat-copy b{color:#41875a;font-weight:600}.stat-copy b.neutral-change{color:#a1821e}.stat-arrow{position:absolute;top:20px;right:17px;color:#b1bab3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:20px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{margin:0;font:600 17px Space Grotesk;color:#263a30;letter-spacing:-.03em}.panel-kicker{margin-bottom:7px;font-size:8px}.session-banner{display:flex;align-items:center;gap:11px;padding:12px 14px;background:#f5f7f2;border-radius:8px;margin-top:19px}.session-icon{display:grid;place-items:center;width:36px;height:36px;color:#e5c353;background:#1b3a2e;border-radius:8px}.session-banner strong,.session-banner span{display:block}.session-banner strong{font-size:12px;color:#304239}.session-banner span{font-size:10px;color:#8a968d;margin-top:4px}.session-banner span svg{vertical-align:-2px;margin-right:3px}.live-pill{margin-left:auto;color:#3f8158!important;background:#e2f0e5;padding:5px 8px;border-radius:5px;font-size:9px!important}.live-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4d9867;margin:0 5px 1px 0}.attendance-summary{display:flex;align-items:center;gap:24px;padding:19px 5px 17px;border-bottom:1px solid #eff0ec}.attendance-summary>div:not(.progress-wrap) strong,.attendance-summary>div:not(.progress-wrap) span{display:block}.attendance-summary>div:not(.progress-wrap) strong{font:700 20px Space Grotesk;color:#2f4538}.attendance-summary>div:not(.progress-wrap) span{font-size:9px;color:#929c95;margin-top:4px}.progress-wrap{flex:1;margin-left:auto}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:9px;color:#88958c}.progress-label strong{color:#3b4e43}.progress{height:5px;background:#e7ebe5;border-radius:4px;overflow:hidden}.progress span{height:100%;display:block;background:#c9a227;border-radius:4px}.athlete-table{margin-top:2px}.table-header,.table-row{display:grid;grid-template-columns:minmax(170px,1fr) 83px 55px 22px;align-items:center;gap:12px}.table-header{color:#a5ada7;font-size:8px;letter-spacing:.1em;padding:13px 5px 8px}.table-row{padding:10px 5px;border-top:1px solid #f0f1ed}.athlete-cell{display:flex;align-items:center;gap:9px}.athlete-cell strong,.athlete-cell span{display:block}.athlete-cell strong{color:#3e4e45;font-size:10px}.athlete-cell span{color:#99a29c;font-size:9px;margin-top:3px}.status-chip{font-size:9px;display:inline-flex;align-items:center;gap:5px;color:#4d8d61}.status-chip i{display:block;width:5px;height:5px;border-radius:50%;background:currentColor}.status-chip.izin{color:#b28522}.status-chip.sakit{color:#4d7790}.status-chip.alpa{color:#b05c54}.check-in{color:#6f7d73;font-size:10px}.row-menu{border:0;background:transparent;color:#a9b2ab;display:grid;place-items:center}.load-more{width:100%;border:0;border-top:1px solid #eff0ec;background:transparent;color:#9d7c19;font-size:10px;padding:14px 5px 0;text-align:left;display:flex;align-items:center;gap:6px}.schedule-panel{padding-bottom:15px}.schedule-list{margin-top:19px}.schedule-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eff0ec}.date-tile{width:38px;height:41px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.date-tile strong,.date-tile span{display:block;text-align:center}.date-tile strong{font:700 16px Space Grotesk;line-height:15px}.date-tile span{font-size:7px;font-weight:700;letter-spacing:.1em;margin-top:3px}.date-tile.green{color:#327653;background:#e5f1e7}.date-tile.gold{color:#9b781b;background:#faf2d9}.date-tile.ink{color:#4d6659;background:#e8eeea}.schedule-detail{flex:1;min-width:0}.schedule-detail strong,.schedule-detail span,.schedule-detail small{display:block}.schedule-detail strong{color:#3b4c42;font-size:10px}.schedule-detail span{color:#8d9890;font-size:9px;margin-top:4px}.schedule-detail span svg{vertical-align:-2px;margin-right:3px}.schedule-detail small{color:#b1b7b1;font-size:8px;margin-top:4px}.schedule-arrow{color:#bcc4bd;transform:rotate(-90deg)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:20px;margin-top:20px}.chart-panel{min-height:280px}.select-button{border:1px solid #e4e6df;color:#738077;background:#fff;padding:7px 9px;font-size:9px}.chart-legend{display:flex;align-items:center;gap:16px;font-size:9px;color:#8b958e;margin:16px 0 5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.gold-dot{background:#c9a227}.green-dot{background:#79a684}.cream-dot{background:#deded7}.chart-legend strong{margin-left:auto;font:600 19px Space Grotesk;color:#32473a}.chart-legend strong small{font:9px DM Sans;color:#9da59f;margin-left:5px}.chart-area{height:174px;display:flex;gap:10px}.chart-y{width:29px;height:145px;display:flex;flex-direction:column;justify-content:space-between;color:#b2b9b3;font-size:8px;padding-top:4px}.chart-plot{flex:1;position:relative;padding-bottom:27px}.chart-grid-lines{position:absolute;left:0;right:0;top:5px;height:140px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{display:block;border-top:1px dashed #e9ebe5}.chart-plot svg{position:absolute;width:100%;height:145px;inset:0 0 auto;overflow:visible}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aab1ac;font-size:8px}.donut-wrap{display:flex;align-items:center;gap:31px;margin-top:29px}.donut{width:138px;height:138px;border-radius:50%;background:conic-gradient(#c9a227 0,#c9a227 76%,#e7e5dc 76%,#e7e5dc);display:grid;place-items:center;flex-shrink:0}.donut:after{content:"";position:absolute}.donut>div{width:101px;height:101px;background:#fff;border-radius:50%;display:grid;place-items:center;align-content:center}.donut strong,.donut span{display:block}.donut strong{font:700 25px Space Grotesk;color:#304638}.donut span{font-size:9px;color:#9da59e;margin-top:1px}.donut-legend{flex:1}.donut-legend>span{display:flex;align-items:center;color:#8b978e;font-size:9px;padding:9px 0;border-bottom:1px solid #eff0eb}.donut-legend strong{margin-left:auto;color:#43564a}.donut-legend .text-button{margin-top:13px}.module-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.toolbar-search{display:flex;align-items:center;gap:8px;width:240px;padding:9px 11px;background:#fff;border:1px solid #e2e4dd;border-radius:7px;color:#9da7a0}.filter-pills{display:flex;gap:4px;margin-left:5px}.filter-pills button{border:0;background:transparent;color:#8b968e;border-radius:6px;padding:8px 10px;font-size:10px}.filter-pills button.active{color:#536d5d;background:#e2eee5;font-weight:600}.module-toolbar .secondary-button{margin-left:auto}.module-panel{min-height:440px}.module-session-head{display:flex;justify-content:space-between;align-items:center}.session-banner.compact{margin:0;width:460px}.attendance-total{text-align:right}.attendance-total strong{display:block;font:700 27px Space Grotesk;color:#2d493a}.attendance-total small{font-size:15px;color:#9ba69e}.attendance-total span{color:#97a19a;font-size:10px}.rollcall-list{margin-top:22px;border-top:1px solid #eceee9}.rollcall-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #eff0ec}.rollcall-name{flex:1}.rollcall-name strong,.rollcall-name span{display:block}.rollcall-name strong{font-size:11px;color:#384b40}.rollcall-name span{font-size:9px;color:#9aa49d;margin-top:4px}.rollcall-actions{display:flex;gap:5px}.rollcall-actions button{border:1px solid #e4e7e1;background:#fff;color:#9ba39d;border-radius:5px;font-size:9px;padding:6px 8px;display:flex;align-items:center;gap:4px}.rollcall-actions button.chosen.hadir{background:#e1f0e5;border-color:#b9d7c0;color:#367c54}.rollcall-actions button.chosen.izin{background:#fbf1d4;border-color:#ecd89c;color:#a37d1d}.rollcall-actions button.chosen.sakit{background:#e3eff4;border-color:#c4dbe5;color:#48768d}.rollcall-actions button.chosen.alpa{background:#fae5e1;border-color:#e7c5bf;color:#ab5f56}.check-in.wide{width:37px;text-align:right}.add-athlete{margin-top:18px;border:1px dashed #bdc9be;background:#fafcf9;color:#64826d;width:100%;border-radius:7px;padding:11px;font-size:10px}.empty-module{min-height:390px;display:flex;align-items:center;justify-content:center;gap:28px;max-width:700px;margin:auto}.empty-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:18px;background:#e6f0e7;color:#467a55}.empty-copy h2{margin:0;font:600 20px Space Grotesk;color:#284035}.empty-copy>p:not(.panel-kicker){color:#919b94;font-size:11px;line-height:1.6;max-width:430px}.module-items{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;margin:20px 0}.module-items span{color:#65766b;font-size:10px}.module-items svg{vertical-align:-3px;color:#7da084;margin-right:5px}.small-primary{padding:10px 12px;font-size:10px}.toast{position:fixed;right:24px;bottom:24px;background:#1b3a2e;color:#fff;padding:12px 15px;border-radius:8px;font-size:11px;box-shadow:0 10px 30px #1b3a2e33;display:flex;gap:8px;align-items:center;z-index:30}.mobile-menu,.mobile-close{display:none}.auth-loading{min-height:100vh;display:grid;place-items:center;background:#f4f2ed;color:#56655c;font-size:13px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f4f2ed}.auth-brand{background:#18362b;color:#f7f5ed;padding:52px 46px;display:flex;flex-direction:column;position:relative}.auth-logo{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:2px solid #c9a227}.auth-club-name{font-family:Space Grotesk,sans-serif;letter-spacing:.08em;font-size:15px;margin:18px 0 0;font-weight:700}.auth-club-sub{color:#c9a227;letter-spacing:.15em;font-size:10px;margin:5px 0 0;font-weight:700}.auth-tagline{color:#b1bc8c;font:italic 13px Georgia,serif;margin:26px 0 0}.auth-points{margin-top:auto;display:flex;flex-direction:column;gap:11px}.auth-points span{display:flex;align-items:center;gap:9px;color:#b4c7bb;font-size:11px}.auth-points svg{color:#c9a227}.auth-form-wrap{display:grid;place-items:center;padding:40px 30px}.auth-form{width:100%;max-width:360px}.auth-eyebrow{color:#a48a34;font-size:9px;letter-spacing:.16em;font-weight:700;margin:0 0 10px}.auth-form h1{font:700 26px/1.15 Space Grotesk,sans-serif;letter-spacing:-.04em;color:#20352b;margin:0}.auth-sub{color:#8d9790;font-size:12px;margin:9px 0 28px}.field{display:block;margin-bottom:17px}.field span{display:block;color:#5a6a5f;font-size:10px;font-weight:600;margin-bottom:7px}.input-row{display:flex;align-items:center;gap:9px;border:1px solid #dcded7;border-radius:8px;padding:11px 12px;background:#fff;transition:.2s}.input-row:focus-within{border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271f}.input-row svg{color:#a3ada6}.input-row input{border:0;outline:0;background:transparent;width:100%;font-size:12px;color:#364239}.input-row input::-moz-placeholder{color:#b6beb7}.input-row input::placeholder{color:#b6beb7}.auth-error{background:#fae9e6;color:#a55349;border:1px solid #e7c5bf;border-radius:8px;padding:11px 13px;font-size:11px;margin-bottom:16px}.auth-submit{width:100%;border:0;background:#1b3a2e;color:#fff;border-radius:8px;padding:13px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.auth-submit:hover:not(:disabled){background:#285642;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6}.auth-switch{text-align:center;color:#8d9790;font-size:11px;margin-top:21px}.auth-switch button{border:0;background:transparent;color:#9b7b19;font-weight:600;margin-left:6px;padding:0}.sign-out{color:#a55349!important;display:flex;align-items:center;gap:6px}.input-row-password{position:relative}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#a3ada6;display:grid;place-items:center;padding:4px;border-radius:4px}.password-toggle:hover{color:#5a6a5f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14231c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:40;padding:20px}.modal{background:#fff;border-radius:14px;width:100%;max-width:440px;box-shadow:0 20px 60px #0f281c40;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0}.modal-header h2{margin:0;font:600 19px Space Grotesk;color:#263a30}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px}.modal-footer .primary-button{font-size:11px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-option{border:1px solid #e4e7e1;background:#fff;border-radius:8px;padding:11px 13px;font-size:11px;color:#6b7a6f;display:flex;align-items:center;gap:7px;transition:.2s}.role-option:hover{border-color:#c9a227}.role-option.selected{border-color:#c9a227;background:#faf3da;color:#8a6a14;font-weight:600}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;color:#8d9790;font-size:12px;padding:60px 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.user-mgmt-panel{min-height:300px}.user-table{margin-top:4px}.user-table-header{display:grid;grid-template-columns:minmax(180px,1.2fr) 150px minmax(160px,1fr) 36px;align-items:center;gap:14px;color:#a5ada7;font-size:8px;letter-spacing:.1em;padding:12px 5px 10px;border-bottom:1px solid #eff0ec}.user-table-row{display:grid;grid-template-columns:minmax(180px,1.2fr) 150px minmax(160px,1fr) 36px;align-items:center;gap:14px;padding:13px 5px;border-bottom:1px solid #f0f1ed}.user-cell{display:flex;align-items:center;gap:10px}.user-cell strong,.user-cell span{display:block}.user-cell strong{font-size:11px;color:#384b40}.user-cell span{font-size:9px;color:#9aa49d;margin-top:3px}.user-email{font-size:10px;color:#6f7d73;display:flex;align-items:center;gap:5px}.user-email svg{color:#a9b2ab}.role-select-wrap{position:relative}.role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e4e7e1;border-radius:6px;padding:7px 26px 7px 10px;font-size:10px;color:#43564a;background:#fff;width:100%;cursor:pointer}.role-select:disabled{opacity:.5;cursor:not-allowed}.role-select-wrap>svg{position:absolute;right:7px;top:50%;transform:translateY(-50%);color:#a9b2ab;pointer-events:none}.user-delete{border:0;background:transparent;color:#c4a8a4;display:grid;place-items:center;padding:5px;border-radius:5px;transition:.2s}.user-delete:hover:not(:disabled){color:#a55349;background:#fae9e6}.user-delete:disabled{opacity:.3;cursor:not-allowed}.modal-wide{max-width:620px}.modal-body-scroll{max-height:65vh;overflow-y:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-grid .field{grid-column:span 1}.form-section-label{font:700 9px DM Sans;letter-spacing:.12em;color:#a48a34;margin:22px 0 10px;text-transform:uppercase;border-top:1px solid #eff0ec;padding-top:18px}.form-grid .field.full-width{grid-column:span 2}.field-hint{display:block;color:#a9b2ab;font-size:9px;margin-top:5px}.form-select{width:100%;padding:10px 26px 10px 10px;font-size:11px}.checkbox-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.checkbox-grid .role-option{justify-content:center;padding:9px 8px;font-size:10px}.input-row input[type=date],.input-row input[type=time]{cursor:pointer}.input-row input[type=number]{-moz-appearance:textfield}.input-row input::-webkit-outer-spin-button,.input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-table{margin-top:4px}.data-table-header{display:grid;grid-template-columns:minmax(160px,1.5fr) 70px 60px minmax(120px,1fr) 90px 80px 56px;align-items:center;gap:12px;color:#a5ada7;font-size:8px;letter-spacing:.1em;padding:12px 5px 10px;border-bottom:1px solid #eff0ec}.data-table-row{display:grid;grid-template-columns:minmax(160px,1.5fr) 70px 60px minmax(120px,1fr) 90px 80px 56px;align-items:center;gap:12px;padding:13px 5px;border-bottom:1px solid #f0f1ed}.data-name-cell{display:flex;align-items:center;gap:10px}.data-name-cell strong,.data-name-cell span{display:block}.data-name-cell strong{font-size:11px;color:#384b40}.data-name-cell span{font-size:9px;color:#9aa49d;margin-top:3px}.data-chip{font-size:10px;font-weight:600;color:#4d6659;background:#e8eeea;border-radius:5px;padding:4px 8px;text-align:center}.data-chip-list{font-size:9px;color:#6b7a6f}.data-sub{font-size:10px;color:#6f7d73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-day{font-size:11px;font-weight:600;color:#43564a}.data-time{font-size:10px;color:#6f7d73}.status-chip.aktif{color:#4d8d61}.status-chip.nonaktif{color:#b05c54}.status-chip.alumni{color:#b28522}.status-chip.latihan{color:#477493}.status-chip.evaluasi{color:#a58018}.data-actions{display:flex;gap:4px;justify-content:flex-end}.data-actions button{border:0;background:transparent;color:#b1bab3;display:grid;place-items:center;padding:5px;border-radius:5px;transition:.2s}.data-actions button:hover{background:#ebece6;color:#384b40}.data-actions button:nth-child(2):hover{background:#fae9e6;color:#a55349}.empty-module-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b1bab3;font-size:12px;padding:60px 0}.empty-module-inline svg{color:#d0d6cf}.avatar-photo{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e4e7e1}.photo-upload-area{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:#f7f8f4;border-radius:10px;border:1px dashed #d4dad3}.photo-preview{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #e4e7e1;background:#fff}.photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#c4ccc6}.photo-actions{display:flex;flex-direction:column;gap:6px}.photo-upload-btn{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#4d6659;background:#fff;border:1px solid #d4dad3;border-radius:6px;padding:7px 13px;cursor:pointer;transition:.2s}.photo-upload-btn:hover{border-color:#c9a227;color:#8a6a14}.photo-remove-btn{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#a55349;background:transparent;border:0;cursor:pointer;padding:2px 0;width:-moz-fit-content;width:fit-content}.photo-actions small{color:#a9b2ab;font-size:9px}.ku-auto-display{font:700 12px Space Grotesk;color:#4d6659;background:#e8eeea;border-radius:6px;padding:10px 12px;text-align:center}.date-display{font-size:11px;color:#8a6a14;background:#faf3da;border-radius:4px;padding:2px 7px;white-space:nowrap;margin-left:8px}.complete-yes{color:#4d8d61!important;display:flex;align-items:center;gap:4px}.complete-yes i{width:5px;height:5px;border-radius:50%;background:#5da871;display:inline-block}.complete-no{color:#b8851e!important;display:flex;align-items:center;gap:4px}.complete-no i{width:5px;height:5px;border-radius:50%;background:#d4a437;display:inline-block}@media (max-width: 760px){.photo-upload-area{flex-direction:column;text-align:center}.photo-actions{align-items:center}}.notes-textarea{width:100%;border:1px solid #d4dad3;border-radius:8px;padding:10px 12px;font:11px DM Sans;color:#384b40;resize:vertical;min-height:80px;line-height:1.6}.notes-textarea:focus{outline:none;border-color:#c9a227}.notes-readonly{font:11px DM Sans;color:#384b40;background:#f7f8f4;border:1px solid #e4e7e1;border-radius:8px;padding:12px 14px;line-height:1.6}.notes-indicator{color:#b8851e;vertical-align:middle;margin-left:3px}.checkbox-grid-coach{grid-template-columns:repeat(4,1fr)}.assignment-cell{display:flex;align-items:center;gap:8px}.link-button{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;color:#4d6659;background:#e8eeea;border:0;border-radius:5px;padding:4px 8px;cursor:pointer;transition:.2s}.link-button:hover{background:#d4dad3}.assign-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.assign-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7f8f4;border-radius:7px;font-size:11px;color:#384b40}.assign-row small{color:#9aa49d;margin-left:6px}.assign-btn{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;color:#4d8d61;background:#e8f3ea;border:0;border-radius:5px;padding:4px 8px;cursor:pointer;transition:.2s}.assign-btn:hover{background:#d4ead8}.assign-btn:disabled{opacity:.5}.unassign-btn{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;color:#a55349;background:#fae9e6;border:0;border-radius:5px;padding:4px 8px;cursor:pointer;transition:.2s}.unassign-btn:hover{background:#f0d9d4}@media (max-width: 760px){.checkbox-grid-coach{grid-template-columns:repeat(2,1fr)}}.quick-search-wrap{position:relative}.search-dropdown{position:absolute;top:100%;left:0;right:0;max-width:480px;background:#fff;border:1px solid #e6e6df;border-radius:10px;box-shadow:0 12px 32px #21342a1f;z-index:20;margin-top:4px;max-height:320px;overflow-y:auto}.search-empty{padding:18px;color:#a9b2ab;font-size:11px;text-align:center}.search-result-row{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:10px 14px;text-align:left;transition:.15s;border-bottom:1px solid #f0f1ed}.search-result-row:hover{background:#f7f8f4}.search-result-row strong{display:block;font-size:11px;color:#384b40}.search-result-row span{display:block;font-size:9px;color:#9aa49d;margin-top:3px}.today-session-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.today-session-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f5f7f2;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:.2s;width:100%;text-align:left}.today-session-card:hover{border-color:#c9a227;background:#fbf9f0}.today-session-info{flex:1;min-width:0}.today-session-info strong{display:block;font-size:13px;color:#304239}.today-session-info span{display:block;font-size:10px;color:#8a968d;margin-top:4px}.today-session-info small{display:flex;align-items:center;gap:3px;font-size:9px;color:#b1b7b1;margin-top:3px}.today-session-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.live-pill.finished{color:#8d9990!important;background:#eceee9}.live-pill.finished i{background:#b1bab3}.session-attendance-pct{text-align:right}.session-attendance-pct strong{display:block;font:700 16px Space Grotesk;color:#2f4538}.session-attendance-pct span{font-size:8px;color:#929c95}.profile-view-modal{max-width:560px}.profile-view-body{padding:0}.profile-view-header{padding:24px 24px 16px;display:flex;gap:16px;align-items:center;border-bottom:1px solid #eff0ec}.profile-view-photo{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e4e7e1;flex-shrink:0}.profile-view-photo-placeholder{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:700 22px Space Grotesk;color:#fff;flex-shrink:0}.profile-view-header-info h2{margin:0;font:700 22px Space Grotesk;color:#263a30;letter-spacing:-.03em}.profile-view-header-info p{margin:4px 0 0;font-size:11px;color:#8d9990}.profile-view-header-tags{display:flex;gap:6px;margin-top:8px}.profile-view-section{padding:18px 24px;border-bottom:1px solid #eff0ec}.profile-view-section:last-child{border-bottom:0}.profile-view-section h3{margin:0 0 12px;font:600 13px Space Grotesk;color:#3a4a40;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.profile-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.profile-view-field{display:flex;flex-direction:column;gap:3px}.profile-view-field label{font-size:8px;color:#a9b2ab;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.profile-view-field span{font-size:12px;color:#384b40}.profile-payment-status{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px}.profile-payment-status.lunas{background:#e8f3ea;color:#327653}.profile-payment-status.belum{background:#faf2d9;color:#9b781b}.profile-payment-status.terlambat{background:#fae9e6;color:#a55349}.profile-payment-status strong{font-size:12px}.profile-payment-status span{font-size:10px;margin-left:auto}.profile-attendance-summary{display:flex;gap:20px}.profile-attendance-summary>div{text-align:center}.profile-attendance-summary strong{display:block;font:700 20px Space Grotesk;color:#2f4538}.profile-attendance-summary span{font-size:9px;color:#929c95}.profile-footer-actions{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #eff0ec}.profile-footer-actions .primary-button{margin-left:auto}.date-filter-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;background:#f5f7f2;border-radius:10px}.date-filter-presets{display:flex;gap:8px}.date-filter-presets .secondary-button.small{padding:6px 14px;font-size:11px}.date-filter-inputs{display:flex;align-items:center;gap:10px;margin-left:auto}.date-filter-inputs label{display:flex;align-items:center;gap:6px}.date-filter-inputs label span{font-size:10px;color:#8d9990;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.date-filter-inputs input{border:1px solid #dde0db;border-radius:6px;padding:5px 8px;font-size:12px;color:#384b40;font-family:inherit}.date-sep{color:#b1b7b1;font-size:12px}.month-picker{display:flex;align-items:center;gap:6px}.month-picker span{font-size:10px;color:#8d9990;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.month-picker input{border:1px solid #dde0db;border-radius:6px;padding:5px 8px;font-size:12px;color:#384b40;font-family:inherit}.modal-info-box{background:#f5f7f2;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.modal-info-box strong{font-size:13px;color:#384b40}.modal-info-box span{font-size:11px;color:#8d9990}.session-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.session-detail-info{flex:1}.session-detail-info h1{margin:4px 0;font:700 22px Space Grotesk;color:#263a30;letter-spacing:-.03em}.session-detail-info .eyebrow{margin:0}.tab-bar{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #e6e8e3;padding-bottom:0}.tab-bar button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:0;background:transparent;font:500 12px Inter;color:#8d9990;cursor:pointer;border-bottom:2px solid transparent;transition:.15s}.tab-bar button:hover{color:#384b40}.tab-bar button.active{color:#2f4538;border-bottom-color:#c9a227;font-weight:600}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.evaluation-list{display:flex;flex-direction:column;gap:16px}.evaluation-card{background:#f5f7f2;border-radius:10px;padding:16px}.evaluation-athlete-name{margin-bottom:12px}.evaluation-athlete-name strong{font-size:14px;color:#384b40;display:block}.evaluation-athlete-name span{font-size:11px;color:#8d9990}.evaluation-criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:12px}.eval-criteria-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.eval-criteria-label{font-size:11px;color:#384b40}.star-row{display:flex;gap:2px}.star-btn{border:0;background:transparent;color:#ddd;cursor:pointer;padding:2px;transition:.15s}.star-btn:hover,.star-btn.filled{color:#c9a227}.eval-bonus-row{display:grid;grid-template-columns:200px 1fr;gap:12px}@media (max-width: 760px){.evaluation-criteria-grid,.eval-bonus-row,.checkbox-grid{grid-template-columns:1fr}}.user-actions{display:flex;gap:4px;align-items:center}.user-action-btn{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e4e7e1;border-radius:6px;background:#fff;color:#6b7a70;cursor:pointer;transition:.2s}.user-action-btn:hover{border-color:#c9a227;color:#8a6a14}.training-material-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perms-list{display:flex;flex-direction:column;gap:12px}.perm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eff0ec}.perm-row strong{font-size:13px;color:#384b40}.perm-buttons{display:flex;gap:6px}.perm-buttons .role-option{padding:5px 12px;font-size:10px;display:flex;align-items:center;gap:4px}@media (max-width: 600px){.perm-row{flex-direction:column;align-items:flex-start}}.tab-bar{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:#f5f4f0;border-radius:10px;width:-moz-fit-content;width:fit-content}.tab-bar button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:#6b7a70;cursor:pointer;transition:.2s}.tab-bar button.active{background:#fff;color:#1a2820;box-shadow:0 1px 3px #00000014}.tab-bar button:hover:not(.active){color:#3a4a40}.athlete-report-cell{display:flex;flex-direction:column;gap:2px}.athlete-report-cell strong{font-size:13px;color:#1a2820}.laporan-evaluasi-list{display:flex;flex-direction:column;gap:12px;padding:4px 0}.eval-card{border:1px solid #e4e7e1;border-radius:10px;padding:16px;transition:.2s}.eval-card:hover{border-color:#c9a227;box-shadow:0 2px 8px #c9a2271a}.eval-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.eval-card-body{display:flex;flex-direction:column;gap:8px}.eval-athlete-tag{display:flex;align-items:center;gap:6px;color:#8a6a14}.eval-athlete-tag strong{font-size:13px;color:#1a2820}.eval-material{font-size:14px;color:#1a2820;margin:0}.eval-material strong{color:#6b7a70;font-size:12px}.eval-desc{font-size:13px;color:#4a5a50;margin:0;line-height:1.6}.eval-highlight{font-size:13px;color:#4a5a50;margin:0;padding:8px 12px;background:#fefbf0;border-radius:6px;border-left:3px solid #c9a227}.eval-highlight strong{color:#8a6a14;font-size:12px}.danger-zone-panel{border:1px solid #e7c5bf;background:#fdf8f7}.danger-zone-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.danger-zone-icon{width:44px;height:44px;border-radius:10px;background:#fae9e6;color:#a55349;display:grid;place-items:center;flex-shrink:0}.danger-zone-header h2{margin:0 0 4px;font:600 16px Space Grotesk;color:#8a3d34}.danger-zone-header p{margin:0;font-size:12px;color:#8a3d34;line-height:1.6;max-width:520px}.danger-button{display:inline-flex;align-items:center;gap:8px;font:600 12px DM Sans;color:#fff;background:#c0413a;border:0;border-radius:8px;padding:11px 20px;cursor:pointer;transition:.2s}.danger-button:hover:not(:disabled){background:#a8352f;transform:translateY(-1px);box-shadow:0 4px 12px #c0413a40}.danger-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.danger-button .spin{color:#fff}.data-date-cell{display:flex;flex-direction:column;gap:1px}.data-date-cell strong{font-size:11px;font-weight:600;color:#384b40}.data-date-cell .data-sub{font-size:9px}.status-chip.latih-tanding{background:#fef3da;color:#8a6a14}.status-chip.latih-tanding i{background:#d4a437}@media (max-width: 760px){.form-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(3,1fr)}.data-table-header{display:none}.data-table-row{grid-template-columns:1fr 1fr;gap:8px 12px;padding:15px 5px}.data-name-cell{grid-column:span 2}.data-actions{grid-column:span 2;justify-content:flex-end}.data-sub{white-space:normal}.user-table-header{display:none}.user-table-row{grid-template-columns:1fr;gap:10px;padding:15px 5px}.role-select-wrap{width:100%}.user-email{font-size:9px}.user-delete{position:absolute}.role-grid{grid-template-columns:1fr}}@media (max-width: 860px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-wrap{min-height:100vh;padding:30px 20px}}@media (max-width: 1100px){.sidebar{width:225px;flex-basis:225px}.topbar,.content-wrap{padding-left:26px;padding-right:26px}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.schedule-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.schedule-item{border:0;padding:10px 0}.schedule-panel .load-more{margin-top:10px}}@media (max-width: 760px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:256px;transition:left .25s;box-shadow:8px 0 30px #0f281c33}.sidebar-open{left:0}.mobile-menu{display:grid}.mobile-close{display:grid;margin-left:auto;color:#a8c0af}.topbar{height:62px;padding:0 16px;gap:13px}.breadcrumb{font-size:11px}.topbar-actions{gap:8px;margin-left:auto}.search-box{width:30px;padding:6px}.search-box input{display:none}.search-box:focus-within,.search-expanded{width:145px}.search-box:focus-within input,.search-expanded input{display:block}.topbar-divider{display:none}.profile-button span,.profile-button>svg{display:none}.content-wrap{padding:25px 16px 36px}.welcome-row{display:block}.welcome-row h1{font-size:25px}.welcome-row .primary-button{margin-top:19px}.stat-grid{gap:10px}.stat-card{min-height:108px;padding:14px}.stat-icon{width:31px;height:31px;margin-right:8px}.stat-copy>strong{font-size:19px}.stat-copy>small{font-size:8px}.panel{padding:16px}.attendance-summary{gap:13px;flex-wrap:wrap}.progress-wrap{flex-basis:100%;margin-top:5px}.table-header,.table-row{grid-template-columns:minmax(135px,1fr) 63px 36px 18px;gap:5px}.table-header{font-size:7px}.session-banner{align-items:flex-start}.session-banner .live-pill{display:none}.schedule-list{display:block}.schedule-item{border-bottom:1px solid #eff0ec}.chart-legend{gap:9px}.donut-wrap{gap:15px}.donut{width:112px;height:112px}.donut>div{width:81px;height:81px}.donut strong{font-size:21px}.module-toolbar{flex-wrap:wrap}.toolbar-search{width:100%}.module-toolbar .secondary-button{margin-left:0}.filter-pills{order:3;width:100%;margin:0;overflow-x:auto}.module-session-head{display:block}.session-banner.compact{width:100%}.attendance-total{text-align:left;margin-top:15px}.rollcall-row{flex-wrap:wrap}.rollcall-name{min-width:calc(100% - 55px)}.rollcall-actions{margin-left:44px;overflow-x:auto}.check-in.wide{margin-left:auto}.empty-module{display:block;padding:20px 8px}.empty-copy{margin-top:20px}.module-items{grid-template-columns:1fr}.notification-popover{right:-65px}.profile-popover{right:-7px}}.data-table-header.athlete-table,.data-table-row.athlete-table{grid-template-columns:minmax(180px,240px) 90px 60px 120px 90px 80px 56px;gap:10px}.data-table.athlete-table-wrap{max-width:900px}.ku-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.ku-breakdown-card{background:#f7f8f4;border:1px solid #e5e5de;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:4px}.ku-breakdown-label{color:#a58018;font-size:10px;font-weight:700;letter-spacing:.08em}.ku-breakdown-card>strong{color:#25372d;font:700 26px Space Grotesk;letter-spacing:-.04em}.ku-breakdown-card>small{color:#87928b;font-size:10px}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table th,.mini-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #eff0ec}.mini-table th{color:#a5ada7;font-size:9px;letter-spacing:.08em;font-weight:600}.mini-table td{color:#4a5750}.mini-table td:first-child{font-weight:600;color:#25372d}@media (max-width: 760px){.ku-breakdown-grid{grid-template-columns:repeat(2,1fr)}.mini-table{font-size:10px}.mini-table th,.mini-table td{padding:6px 7px}}.auth-register-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:14px;border:1px solid #dcded7;background:transparent;color:#5a6a5f;border-radius:8px;padding:12px;font-size:12px;font-weight:600;transition:.2s}.auth-register-link:hover{border-color:#c9a227;color:#8a6a14;background:#faf3da}.pubreg-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f4f2ed;padding:30px 20px}.pubreg-card{width:100%;max-width:460px;background:#fff;border:1px solid #e5e5de;border-radius:14px;padding:36px;box-shadow:0 10px 40px #1b3a2e14}.pubreg-success{text-align:center}.pubreg-success-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#e2f0e5;color:#327853;margin:0 auto 16px}.pubreg-success-text{color:#6f7d73;font-size:12px;line-height:1.6;margin:12px 0 22px}.pubreg-success .primary-button{margin:0 auto}.pubreg-back{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#8d9790;font-size:11px;cursor:pointer}.pubreg-back:hover{color:#5a6a5f}.pubreg-back-inline{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;border:0;background:transparent;color:#8d9790;font-size:11px;margin-top:14px;cursor:pointer}.pubreg-back-inline:hover{color:#5a6a5f}.pubreg-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.pubreg-row .field{margin-bottom:17px}.pubreg-form-wrap .auth-form{max-width:480px}.pubreg-form-wrap .input-row textarea{border:0;outline:0;background:transparent;width:100%;font:12px DM Sans;color:#364239;resize:vertical;line-height:1.5}.pubreg-form-wrap .input-row select{border:0;outline:0;background:transparent;width:100%;font-size:12px;color:#364239}.pubreg-badge{display:inline-flex;align-items:center;gap:7px;color:#9b781b;background:#faf2d9;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:600}.reg-table{margin-top:4px}.reg-table-header{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) 70px 120px 110px;align-items:center;gap:14px;color:#a5ada7;font-size:8px;letter-spacing:.1em;padding:12px 5px 10px;border-bottom:1px solid #eff0ec}.reg-table-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) 70px 120px 110px;align-items:center;gap:14px;padding:14px 5px;border-bottom:1px solid #f0f1ed}.reg-cell-name{display:flex;align-items:center;gap:10px}.reg-cell-name strong,.reg-cell-name span{display:block}.reg-cell-name strong{font-size:11px;color:#384b40}.reg-cell-name span{font-size:9px;color:#9aa49d;margin-top:3px}.reg-cell-parent strong{display:block;font-size:11px;color:#384b40}.reg-cell-parent span{display:block;font-size:9px;color:#9aa49d;margin-top:3px}.reg-cell-ku{font-size:11px;color:#4d6659;font-weight:600;text-align:center}.reg-status{font-size:9px;font-weight:600;padding:5px 10px;border-radius:5px;text-align:center}.reg-status-new{color:#9b781b;background:#faf2d9}.reg-status-done{color:#4d8d61;background:#e2f0e5}.reg-actions{display:flex;gap:4px;justify-content:flex-end}@media (max-width: 860px){.pubreg-shell{grid-template-columns:1fr}.pubreg-brand{display:none}}@media (max-width: 760px){.pubreg-row{grid-template-columns:1fr}.reg-table-header{display:none}.reg-table-row{grid-template-columns:1fr;gap:8px;padding:15px 5px}.reg-actions{justify-content:flex-start}}