:root{--surface-0:#0c0c0e;--surface-1:#16161a;--surface-2:#222228;--surface-3:#2c2c34;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border-subtle:#27272a;--border-default:#3f3f46;--border-focus:#00e699;--status-green:#00e699;--status-amber:#ff9f1c;--status-red:#ff3b70;--status-blue:#00b4d8;--status-purple:#a855f7;--button-bg:#00e699;--button-text:#000;--button-ghost-hover:#ffffff14;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font-sans:"Lexend", "Noto Emoji", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Menlo", "Consolas", monospace;--font-emoji:"Noto Emoji", sans-serif;--font-color-emoji:"Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-hero:2.25rem}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-0);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;overflow-x:hidden}.text-hero{font-size:var(--text-hero);font-weight:700;line-height:1.2}.text-xl{font-size:var(--text-xl);font-weight:700;line-height:1.25}.text-lg{font-size:var(--text-lg);font-weight:600;line-height:1.3}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-mono{font-family:var(--font-mono)}.font-emoji{font-family:var(--font-emoji)}.flag-emoji{font-family:var(--font-color-emoji);display:inline-block}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-green{color:var(--status-green)}.text-red{color:var(--status-red)}.text-blue{color:var(--status-blue)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.app-shell{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:var(--surface-0);flex-direction:column;display:flex}.app-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--surface-0);justify-content:space-between;align-items:center;display:flex}.app-main{padding:var(--space-5);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.app-nav{padding:12px 8px;padding-bottom:calc(12px + var(--safe-bottom));background:#09090b;border-top:1px solid #1a1a20;justify-content:center;align-items:center;gap:3px;display:flex}.nav-link{cursor:pointer;opacity:.65;flex:1;justify-content:center;align-items:center;height:38px;text-decoration:none;transition:opacity .2s,transform .1s;display:inline-flex;position:relative}.nav-link:hover{opacity:.85}.nav-link.active{opacity:1}.nav-link:before,.nav-link:after{content:"";background-repeat:no-repeat;background-size:14px 38px;flex-shrink:0;width:14px;height:38px;transition:background-image .15s;display:block}.nav-link-content{letter-spacing:.06em;text-transform:uppercase;color:#000;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 2px;font-size:11px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.nav-emoji{font-family:var(--font-emoji);color:inherit;font-size:13px;line-height:1;display:inline-block}.nav-link[data-type=dashboard]:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='38' viewBox='0 0 14 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0H8C3.58 0 0 3.58 0 8V30C0 34.42 3.58 38 8 38H14V0Z' fill='%2300e699'/%3E%3C/svg%3E")}.nav-link[data-type=dashboard] .nav-link-content{background:#00e699}.nav-link[data-type=dashboard]:after{background-image:url("data:image/svg+xml,%3Csvg width='14' height='38' viewBox='0 0 14 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H11.5C13.2 0 14.3 1.8 13.6 3.4L6.1 35.4C5.6 36.9 4.2 38 2.6 38H0V0Z' fill='%2300e699'/%3E%3C/svg%3E")}.nav-link[data-type=roster]:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='38' viewBox='0 0 14 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0V38H2.6C1.0 38 -0.4 36.9 0.1 35.4L7.6 3.4C8.3 1.8 9.8 0 11.5 0H14Z' fill='%2300b4d8'/%3E%3C/svg%3E")}.nav-link[data-type=roster] .nav-link-content{background:#00b4d8}.nav-link[data-type=roster]:after{background-image:url("data:image/svg+xml,%3Csvg width='14' height='38' viewBox='0 0 14 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H2.5C4.2 0 5.6 1.1 6.1 2.6L13.6 34.6C14.3 36.2 13.2 38 11.5 38H0V0Z' fill='%2300b4d8'/%3E%3C/svg%3E")}.nav-link[data-type=leave]:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='38' viewBox='0 0 14 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0V38H11.4C9.8 38 8.4 36.9 7.9 35.4L0.4 3.4C-0.3 1.8 0.8 0 2.5 0H14Z' fill='%23ff9f1c'/%3E%3C/svg%3E")}.nav-link[data-type=leave] .nav-link-content{background:#ff9f1c}.nav-link[data-type=leave]:after{background-image:url("data:image/svg+xml,%3Csvg width='14' height='38' viewBox='0 0 14 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H6C10.42 0 14 3.58 14 8V30C14 34.42 10.42 38 6 38H0V0Z' fill='%23ff9f1c'/%3E%3C/svg%3E")}.card-tint-green{background:#00e69908;border:1px solid #00e6992e}.card-tint-green .section-header{border-bottom-color:#00e69933}.card-tint-green .section-header span{color:#00e699}.card-tint-blue{background:#00b4d808;border:1px solid #00b4d82e}.card-tint-blue .section-header{border-bottom-color:#00b4d833}.card-tint-blue .section-header span{color:#00b4d8}.card-tint-amber{background:#ff9f1c08;border:1px solid #ff9f1c2e}.card-tint-amber .section-header{border-bottom-color:#ff9f1c33}.card-tint-amber .section-header span{color:#ff9f1c}.card-tint-purple{background:#a855f708;border:1px solid #a855f72e}.card-tint-purple .section-header{border-bottom-color:#a855f733}.card-tint-purple .section-header span{color:#a855f7}.card-tint-teal{background:#14b8a608;border:1px solid #14b8a62e}.card-tint-teal .section-header{border-bottom-color:#14b8a633}.card-tint-teal .section-header span{color:#14b8a6}.badge{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default);border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.badge--green{background:var(--status-green);color:#000;border:none}.badge--amber{background:var(--status-amber);color:#000;border:none}.badge--red{background:var(--status-red);color:#fff;border:none}.badge--blue{background:var(--status-blue);color:#000;border:none}.card{background:var(--surface-1);border:1px solid var(--border-subtle);padding:var(--space-5);box-shadow:none;border-radius:14px}.section-header{margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);align-items:center;gap:8px;display:flex}.section-header span{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.btn-primary{background:var(--button-bg);color:var(--button-text);font-size:var(--text-sm);font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;width:100%;min-height:48px;box-shadow:none;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:12px 24px;font-weight:700;transition:transform .1s,opacity .1s;display:flex}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-ghost{color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;width:100%;min-height:48px;box-shadow:none;background:#18181c;border:1px solid #2d2d38;border-radius:9999px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;transition:background .15s;display:flex}.btn-ghost:hover{background:#22222a}.btn-ghost:active{background:#2a2a35}.btn-sm{border-radius:9999px;width:auto;min-height:36px;padding:6px 14px;font-size:13px}input,select,textarea{font-family:var(--font-sans);color:var(--text-primary);min-height:44px;font-weight:400;font-size:var(--text-sm);box-sizing:border-box;width:100%;box-shadow:none;background:#141418;border:1px solid #2d2d38;border-radius:10px;padding:10px 16px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.fullscreen-overlay{z-index:1000;padding:var(--space-6);background:var(--surface-0);color:var(--text-primary);padding-top:calc(var(--space-6) + var(--safe-top));padding-bottom:calc(var(--space-6) + var(--safe-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.numpad{gap:var(--space-3);grid-template-columns:repeat(3,1fr);width:100%;max-width:320px;margin:0 auto;display:grid}.numpad-key{aspect-ratio:1.4;background:var(--surface-2);border:1px solid var(--border-default);font-size:var(--text-xl);color:var(--text-primary);cursor:pointer;min-height:52px;box-shadow:none;border-radius:12px;justify-content:center;align-items:center;font-weight:600;transition:background .1s;display:flex}.numpad-key:active{background:var(--surface-3)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-12{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.max-w-md{max-width:440px}.max-w-sm{max-width:360px}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.rounded{border-radius:10px}