:root{--flo-green:#22483e;--flo-ink:#304d40;--flo-line:#dce3d9}
.wrap{max-width:1200px}.homeGrid,#floAdminHome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.homeTile{display:flex;width:100%;flex-direction:column;align-items:stretch;text-align:left;justify-content:flex-start;gap:24px;min-width:0;min-height:245px;padding:30px;border:1px solid #d8dfcc;border-radius:24px;background:#e9eddf;color:#344f3d;text-decoration:none;transition:transform .15s,box-shadow .15s}
.homeTile b{font:clamp(27px,3vw,42px)/1.12 Georgia,serif;overflow-wrap:anywhere}.homeTile>span:last-child{font-size:16px;line-height:1.5;margin-top:auto;display:flex;justify-content:space-between;gap:12px}.tileEyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.75}.homeTile.materialsTile{background:#22483e;color:#fff;border-color:#22483e}.homeTile:nth-child(3n){background:#e7eef1;color:#3b5d6d;border-color:#d5e2e7}.homeTile:nth-child(5){background:#f1ece2;color:#605743;border-color:#e3dac8}
@media(hover:hover){.homeTile:hover{transform:translateY(-3px);box-shadow:0 10px 24px #24483e12}}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #598373;outline-offset:3px}button{min-height:44px}button:disabled{cursor:wait;opacity:.55}.staffCard,.invCard,.tipsHistoryCard{border-radius:18px}.staffPanel header{gap:18px;flex-wrap:wrap}.staffPanel h2{font:30px Georgia,serif}.staffPanel main{max-width:1120px;margin:auto;width:100%}
dialog.staffPanel.floFullPage{position:fixed;inset:0;margin:0;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0;border-radius:0;background:#f7f8f4;overflow:auto;padding:0;color:#2b4238}dialog.floFullPage::backdrop{background:#f7f8f4}dialog.floFullPage>header{position:sticky;top:0;z-index:2;background:#f7f8f4f5;border-bottom:1px solid var(--flo-line);padding:22px max(24px,calc((100vw - 1072px)/2));backdrop-filter:blur(8px)}dialog.floFullPage>main{padding:24px}.staffActions{display:flex;gap:8px;flex-wrap:wrap}.staffPanel input,.staffPanel select,.staffPanel textarea{font-size:16px}.staffGrid>*{min-width:0}.staffTableWrap{overflow:auto}.staffToast{z-index:2147483647}.staffPanel .staffEmpty{padding:32px;text-align:center}.floAdminTools{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.floAdminTools .tile{min-height:44px;padding:14px;font:15px -apple-system,BlinkMacSystemFont,Arial}.floAdminTools .tile b{font:inherit}.floAdminTools .tile span{display:inline}
@media(max-width:800px){.homeGrid,#floAdminHome{grid-template-columns:repeat(2,minmax(0,1fr))}.homeTile{min-height:215px;padding:24px}.wrap{padding:20px 14px}.card{padding:24px}.top{align-items:flex-start}}
@media(max-width:520px){.homeGrid,#floAdminHome{grid-template-columns:1fr;gap:12px}.homeTile{min-height:175px;gap:18px}.homeTile b{font-size:32px}.card{padding:20px 16px;border-radius:20px}.top{flex-wrap:wrap}.staffStats{grid-template-columns:1fr}.staffActions button{padding:11px 14px}.staffPanel main{padding:18px!important}.staffPanel header{padding:18px!important}.staffPanel h2{font-size:26px}}
@media(max-width:520px){.logo{font-size:clamp(20px,6vw,31px)!important;letter-spacing:3px!important;margin-left:0!important}.logo span{letter-spacing:3px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}