*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #0f766e;--color-primary-hover: #0d9488;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-bg: #f8fafc;--color-bg-card: #fff;--color-border: #e2e8f0;--color-error: #b91c1c;--color-success: #059669;--tap-min: 44px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius: 8px;--radius-sm: 6px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@supports (padding: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}body{margin:0;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}.app main{flex:1;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0))}h1,h2,h3{margin:0 0 var(--space-sm);line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}p{margin:0 0 var(--space-md)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea,.btn-primary,.btn-secondary{min-height:var(--tap-min);padding:var(--space-sm) var(--space-md);font-size:1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}button{font:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{display:block;width:100%;max-width:100%;background:var(--color-bg-card)}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600;width:100%;max-width:100%}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:#f1f5f9;color:#334155;width:100%;max-width:100%}.btn-secondary:hover{background:#e2e8f0}@media (min-width: 600px){.btn-primary,.btn-secondary{width:auto;max-width:none}}label{display:block;margin-bottom:var(--space-xs);font-weight:500}label+input,label+select,label+textarea{margin-top:var(--space-xs)}.page{width:100%;max-width:100%;margin:0 auto}@media (min-width: 600px){.page{max-width:560px}}@media (min-width: 900px){.page--wide{max-width:900px}}.page__title{margin-bottom:var(--space-md);color:var(--color-primary);font-size:1.5rem}.card{padding:var(--space-md);border-radius:var(--radius);background:var(--color-bg-card);box-shadow:0 1px 3px #00000014}ul,ol{margin:0;padding:0;list-style:none}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.app-header{background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + env(safe-area-inset-left,0));padding-right:calc(var(--space-md) + env(safe-area-inset-right,0));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);position:sticky;top:0;z-index:50}.app-header__brand{color:#fff;font-weight:600;text-decoration:none;min-height:var(--tap-min);display:inline-flex;align-items:center}.app-header__nav{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.app-header__nav a{color:#fff;opacity:.95;min-height:var(--tap-min);padding:var(--space-sm) var(--space-md);display:inline-flex;align-items:center;border-radius:var(--radius-sm)}.app-header__nav a:hover{background:#ffffff26;text-decoration:none}.app-header__menu-btn{background:#fff3;color:#fff;border:none;width:var(--tap-min);height:var(--tap-min);padding:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}.app-header__menu-btn:hover{background:#ffffff4d}.app-header__menu-btn svg{width:24px;height:24px}.app-header__drawer{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.app-header__drawer.is-open{opacity:1;visibility:visible}.app-header__drawer-panel{position:absolute;top:0;right:0;width:min(280px,85vw);height:100%;background:var(--color-bg-card);box-shadow:-4px 0 20px #00000026;padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0));display:flex;flex-direction:column;gap:var(--space-md);transform:translate(100%);transition:transform .25s ease}.app-header__drawer.is-open .app-header__drawer-panel{transform:translate(0)}.app-header__drawer-panel a{color:var(--color-text);padding:var(--space-md);min-height:var(--tap-min);display:flex;align-items:center;border-radius:var(--radius-sm);font-weight:500}.app-header__drawer-panel a:hover{background:var(--color-bg);text-decoration:none}.app-header__drawer-close{align-self:flex-end;background:transparent;border:none;color:var(--color-text-muted);width:var(--tap-min);height:var(--tap-min);padding:0;margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) 0 0}@media (min-width: 600px){.app-header__menu-btn,.app-header__drawer{display:none}.app-header__nav--inline{display:flex}}@media (max-width: 599px){.app-header__nav--inline{display:none}}.login-page{width:100%;max-width:360px;margin:var(--space-xl) auto;padding:0 var(--space-md)}.login-page h1{font-size:1.5rem;color:var(--color-primary)}.login-page form{display:flex;flex-direction:column;gap:var(--space-md)}.login-page input{min-height:var(--tap-min)}.staff-page,.admin-dashboard,.admin-partners-page,.admin-users-page,.admin-transactions-page,.admin-commissions-page,.admin-settings-page,.partner-page{width:100%;max-width:100%;margin:0 auto}@media (min-width: 600px){.staff-page{max-width:480px}.admin-dashboard,.admin-partners-page,.admin-users-page,.admin-transactions-page,.admin-commissions-page,.admin-settings-page,.partner-page{max-width:900px}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{width:100%;min-width:400px;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.table-wrap th{font-weight:600;color:var(--color-text-muted);font-size:.875rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0));overflow-y:auto}.modal-content{width:100%;max-width:360px;max-height:90vh;overflow-y:auto;background:var(--color-bg-card);border-radius:var(--radius);padding:var(--space-lg);box-shadow:0 10px 40px #0003}.btn-group{display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width: 600px){.btn-group{flex-direction:row;flex-wrap:wrap}}.btn-group .btn-primary,.btn-group .btn-secondary{width:100%}@media (min-width: 600px){.btn-group .btn-primary,.btn-group .btn-secondary{width:auto}}