500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--green:#203e33;--ink:#283a31;--paper:#f5f3ec;--muted:#7b8177;--line:#e0e3d9;--gold:#b38a48}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 15px;color:var(--ink)}button:hover{background:#e9eee5}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:238px;background:var(--green);color:#e9eadc;padding:38px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:20px;letter-spacing:2px}.brand small{display:block;font:8px Arial;letter-spacing:2.8px;margin-top:8px}.mark{font-size:48px;color:#c6c5a3}.navlabel{font-size:9px;letter-spacing:2px;color:#a1b0a2;margin:60px 12px 16px}nav a{display:flex;gap:15px;padding:14px 16px;margin:5px 0;border-radius:6px;color:#bdcbbf;text-decoration:none}nav a.active{background:#3a5545;color:#fff}nav a:hover{background:#304c3c}.asidefoot{margin-top:auto;font-size:12px}.asidefoot small{display:block;font-size:10px;color:#adbbab;margin-top:12px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9c393;margin-right:7px}main{margin-left:238px;padding:0 44px;max-width:1700px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:var(--muted)}header b{font-weight:500;color:var(--ink)}header button{font-size:12px;letter-spacing:0;background:transparent}.intro{display:flex;align-items:center;justify-content:space-between;padding:38px 0 30px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold)}h1{font:52px 'Libre Caslon Display',Georgia,serif;font-weight:400;margin:14px 0 10px;letter-spacing:-1.4px}.intro p{color:var(--muted);margin:0;font-size:13px}.seal{border:1px solid #bcc3b0;border-radius:50%;width:108px;height:108px;text-align:center;padding:22px 0;font:24px Georgia;color:#7c8a6c;transform:rotate(-8deg)}.seal span{display:block;font:6px Arial;letter-spacing:1px;margin:8px 0}.notice{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;color:var(--muted);font-size:11px}.notice button{margin-left:auto;border:0;background:none;padding:5px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.stat{border:1px solid var(--line);background:#fffef9;border-radius:8px;padding:22px}.stat label{font-size:11px;color:var(--muted)}.stat strong{display:block;font:34px Georgia;margin:14px 0 10px}.stat small{font-size:10px;color:#7c886b}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.panel{background:#fffef9;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:24px 0}.grid .panel{margin:0}.panelhead{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h2{font:25px Georgia;font-weight:400;margin:0}.panelhead button{font-size:11px;background:none}.pasture{position:relative;height:180px;background:linear-gradient(160deg,#eff0e1,#dce3cb);overflow:hidden;padding:24px}.pasture:after{content:'♧　♧　♧　♧　♧　♧';position:absolute;font-size:60px;letter-spacing:15px;color:#899a73;bottom:-6px;right:-15px;opacity:.5}.pasture h3{font:26px Georgia;margin:0 0 10px}.pasture p{font-size:12px;color:#617054;max-width:240px;line-height:1.7}.task{padding:16px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line);align-items:center}.task input{accent-color:var(--green);width:17px;height:17px}.task small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.task.done .taskname{text-decoration:line-through;color:var(--muted)}.task .badge{margin-left:auto}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;background:#e8eee2;color:#536e43;white-space:nowrap}.badge.warn{background:#f5ead6;color:#947039}.toolbar{display:flex;gap:12px;margin:25px 0 18px}.toolbar input{flex:1;min-width:0}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#345645}input,select,textarea{border:1px solid var(--line);background:#fffef9;padding:12px;border-radius:5px;color:var(--ink)}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:500;background:#f7f7f0}th,td{padding:17px 22px;border-bottom:1px solid var(--line)}td{font-size:12px}td:first-child{font-weight:600}td button{padding:5px 8px;font-size:10px;margin-left:5px}.empty{text-align:center;padding:40px;color:var(--muted)}.stock{padding:17px 22px;border-bottom:1px solid var(--line)}.stock div{display:flex;justify-content:space-between;font-size:12px}.stock small{color:var(--muted)}progress{width:100%;height:5px;accent-color:#789063;margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0;color:var(--muted);font:15px Georgia}footer span{font:8px Arial;letter-spacing:1.5px}footer button{background:none;border:0;font:10px Arial;padding:0}dialog{border:1px solid var(--line);border-radius:12px;width:min(480px,92vw);padding:26px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#142b2399}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modalhead button{border:0;background:none;font-size:23px}#fields label{display:block;font-size:11px;margin:15px 0 6px}#fields input,#fields select,#fields textarea{width:100%}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 22px;border-radius:6px;display:none;z-index:5}@media(max-width:1000px){main{padding:0 24px}aside{width:200px;padding:30px 15px}main{margin-left:200px}h1{font-size:40px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.seal{display:none}footer span{display:none}}@media(max-width:650px){aside{position:static;width:auto;padding:18px}.brand{font-size:17px}.mark{font-size:32px}.navlabel,.asidefoot{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav a{padding:9px;font-size:11px;white-space:nowrap;gap:5px}main{margin:0;padding:0 18px}header{height:65px;font-size:8px}header button{font-size:10px;padding:8px}.intro{padding:28px 0}h1{font-size:36px}.intro p{line-height:1.6}.notice{flex-wrap:wrap;font-size:10px}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:28px}.panelhead{padding:16px}h2{font-size:22px}.toolbar button{padding:10px}.toolbar{gap:8px}th,td{padding:14px}.grid{gap:16px}footer{font-size:12px}}

:root{--green:#432417;--ink:#442b1e;--paper:#fbf0da;--muted:#8b6d50;--line:#dfc6a2;--gold:#b65c2e}body{background:radial-gradient(ellipse at top right,#ffdda24a,transparent 55%),var(--paper)}aside{background:linear-gradient(165deg,#32190f,#1d100a);border-right:2px solid #ad572e;padding-top:22px}.brand{display:block;text-align:center}.ranch-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 7px #0006)}.navlabel{color:#d4a46e;margin-top:28px}nav a{color:#e3c59c}nav a.active{background:linear-gradient(90deg,#8e4627,#5b2d1b);color:#fff2d8;box-shadow:inset 3px 0 #ed9e51}nav a:hover{background:#63351f}.asidefoot small{color:#c2a07c}.dot{background:#eda453}.hero-logo{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 3px 4px #55301b22)}.intro{padding:24px 0}.eyebrow{color:#a6572f}h1{color:#492617}.stat,.panel{background:#fff8e9;border-color:#dfc6a2}.stat strong{color:#7b3e21}.stat small{color:#996a3f}.badge{background:#eadcc0;color:#77582e}.badge.warn{background:#ffdbad;color:#97461f}.pasture{background:linear-gradient(135deg,#f9d79a,#efb66f 65%,#cd7848);border-bottom:1px solid #dbb68b}.pasture:after{content:'✦';color:#b36134;right:25px;font-size:140px;bottom:-44px}.pasture p{color:#764627}.pasture h3{color:#58321e}th{background:#f2e3c9}input,select,textarea{background:#fffaf0;border-color:#d7b890}.primary{background:linear-gradient(#a35a32,#7d3e23);border-color:#814329;color:#fff4db}.primary:hover{background:#74391e}button:hover{background:#f2dfbe}button.primary:hover{color:#fff4db}progress{accent-color:#b96b36}dialog{background:#fff3dc;border:1px solid #c78b53;box-shadow:0 18px 70px #1c100955}dialog::backdrop{background:#1b0e08d9;backdrop-filter:blur(5px)}#login{width:min(450px,94vw);padding:25px 34px 32px}#loginForm{text-align:center}#loginForm label{display:block;text-align:left;color:#805433;font-size:12px}#loginForm p{color:#8d6848}#loginForm h2{font-size:31px}.login-logo{display:block;width:230px;height:230px;object-fit:contain;margin:-8px auto 8px}#loginForm .eyebrow{font-size:8px;letter-spacing:2px}#loginButton{width:100%;padding:14px;font-weight:600}#loginError{color:#a43e23!important;font-size:12px}.notice{color:#8d6848}#syncState{color:#a46131}#toast{background:#6a351e}@media(max-width:1000px){.hero-logo{width:120px;height:120px}.ranch-logo{max-width:170px;margin:auto}}@media(max-width:650px){aside{padding:12px 16px;border-right:0;border-bottom:2px solid #ad572e}.ranch-logo{width:140px;height:140px;margin:auto}.hero-logo{display:none}nav{margin-top:8px}.intro{padding:25px 0}#login{padding:20px 25px 26px}.login-logo{width:195px;height:195px}}

#loginFields input{width:100%;display:block;margin:7px 0 15px;padding:12px}#loginFields label{text-align:left}.loginmodes{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-top:17px}.loginmodes button{border:0;background:none;font-size:11px;padding:7px;color:#965529}.quickactions{padding:20px;display:flex;gap:8px;flex-wrap:wrap}.identitynote{padding:14px;background:#f0dfbd;border-radius:6px;line-height:1.8;font-size:12px}.wrap{white-space:pre-wrap;min-width:160px;max-width:360px;overflow-wrap:anywhere}.cellsub{display:block;font-size:10px;color:var(--muted);margin-top:6px}.idcard{background:#f2dfbd;border:1px solid #d4ac7a;padding:20px;text-align:center;border-radius:7px}.idcard small,.idcard label{display:block;font-size:10px;letter-spacing:1.5px}.idcard strong{display:block;font:48px Georgia;margin:12px}.idcard code{display:block;margin-top:12px;overflow-wrap:anywhere;font-size:15px;user-select:all}.staffhistory{padding:20px;font-size:11px}.staffhistory p{line-height:1.7}.staffhistory summary{cursor:pointer;font-weight:bold}.saving #content button,.saving #content input{pointer-events:none;opacity:.65}#login{max-height:94vh;overflow:auto}.login-logo{width:180px;height:180px}.toolbar{flex-wrap:wrap}.toolbar input{flex:1 1 200px}header{gap:8px}header>span{margin-right:auto}header button{font-size:10px;padding:8px}.stat strong{overflow-wrap:anywhere;font-size:30px}#form>p{line-height:1.7}#fields>p{line-height:1.7}#fields .notice{margin:17px 0;line-height:1.7}@media(max-width:650px){header{flex-wrap:wrap;height:auto;min-height:80px;padding:15px 0}header>span{flex-basis:100%}.login-logo{width:140px;height:140px}#loginForm h2{font-size:26px}.notice{line-height:1.7}}