@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--brand-gold:#bea75a;--brand-brown:#8d7049;--brand-stone:#d8cec8;--brand-red:#a53f3f;--ink:#292721;--muted:#746e64;--page:#f5f3ef;--surface:#fff;--border:#e7e1d8;--dark:#211f1b;--gold-soft:#f5f0e2;--shadow:0 8px 24px #2927210e}*{box-sizing:border-box}body{color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button{border:1px solid var(--border);color:var(--ink);background:var(--surface);cursor:pointer;border-radius:12px;padding:10px 15px;transition:background .16s,border-color .16s,transform .16s}button:hover{border-color:var(--brand-gold);background:#fcfaf5}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #bea75a47}main{max-width:1220px;margin:0 auto;padding:24px}.brand-header{color:#fff;background:var(--dark);min-height:156px;box-shadow:var(--shadow);border:1px solid #d8cec81f;border-radius:22px;align-items:center;gap:22px;margin-bottom:18px;padding:15px 24px;display:flex}.brand-logo{flex:0 0 126px;place-items:center;width:126px;height:126px;display:grid;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-copy small{color:var(--brand-gold);letter-spacing:.13em;font-size:.76rem;font-weight:700}.brand-copy h1{color:#fff;margin:8px 0 5px;font-family:Manrope,sans-serif;font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.12}.brand-copy p{color:#d8cec8;margin:0;font-size:.94rem}nav{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}nav button{padding:10px 16px}nav button.active,.active{color:#fff;background:var(--brand-brown);border-color:var(--brand-brown)}nav button.active:hover,.active:hover{background:#785d3c}h2,h3{color:var(--ink);font-family:Manrope,DM Sans,sans-serif}h2{margin-top:0}.box,.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;margin:14px 0;padding:20px}.box h3{margin:0 0 16px;font-size:1.05rem}.grid4,.grid6,.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.grid6,.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.stat small{color:var(--muted);font-size:.82rem}.stat b{color:var(--ink);overflow-wrap:anywhere;font-family:Manrope,sans-serif;font-size:1.18rem}.row,.between{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.row{text-align:left;margin:5px 0}.row span{flex-direction:column;gap:3px;display:flex}.row small,.card small{color:var(--muted)}.card{text-align:left;width:100%;color:var(--ink);display:block}.card h3{margin:8px 0}.warn{background:var(--gold-soft);color:#66552c;border:1px solid #bea75a8c;border-radius:12px;padding:12px 14px}.warn button{margin-top:6px}.bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:18px;height:230px;margin-top:20px;display:flex}.bars>div{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bars b{font-size:.78rem}.bars i{background:var(--brand-gold);border-radius:8px 8px 0 0;width:70%;max-width:90px;margin:6px auto;display:block}.bars small{color:var(--muted)}.upload{color:var(--brand-brown);text-align:center;cursor:pointer;background:#fcfaf6;border:2px dashed #c7bca8;border-radius:12px;margin:10px 0;padding:18px;display:block}.line{grid-template-columns:1fr 120px 1fr;gap:8px;margin:8px 0;display:grid}input,select{border:1px solid var(--border);max-width:100%;color:var(--ink);background:#fff;border-radius:10px;margin:4px;padding:10px 11px}input::placeholder{color:#9a9388}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.calendar button{min-height:48px;padding:6px}@media (width<=760px){main{padding:12px}.brand-header{border-radius:17px;gap:12px;min-height:112px;padding:10px 14px}.brand-logo{flex-basis:92px;width:92px;height:92px}.brand-copy small{font-size:.66rem}.brand-copy h1{font-size:1.45rem}.brand-copy p{font-size:.78rem;line-height:1.35}nav{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:5px;display:flex;overflow-x:auto}nav button{white-space:nowrap;flex:none}.grid4,.grid6{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.line{grid-template-columns:1fr}.row{align-items:flex-start}.row>b{text-align:right}.bars{gap:5px}.bars b,.bars small{font-size:10px}.box{padding:15px}}@media (width<=390px){.brand-logo{flex-basis:78px;width:78px;height:78px}.brand-copy h1{font-size:1.25rem}.brand-copy p{font-size:.71rem}.grid4,.grid6{gap:8px}.stat{padding:11px}}
