:root{--black:#171717;--brown:#3b2418;--gold:#c8a24c;--cream:#f4ede3;--white:#fff;--red:#b42318;--green:#147d44;--line:#e7e1d9}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f7f5f1;color:#231f1c}
.topbar{position:sticky;top:0;z-index:10;background:var(--black);color:var(--white);display:flex;justify-content:space-between;align-items:center;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top))}
.brand{color:var(--gold);font-weight:800;font-size:20px}.topbar small,.user{color:#d8d0c6;font-size:12px}.nav{display:flex;gap:8px;background:var(--brown);padding:9px 14px;overflow:auto}.nav a{color:white;text-decoration:none;padding:8px 12px;border-radius:8px;white-space:nowrap}
.container{max-width:1180px;margin:auto;padding:18px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}h1,h2{margin:0}.muted{color:#746d65}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,1fr)}
.card{background:white;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 3px 16px rgba(30,20,10,.05)}.kpis .card span{display:block;color:#70675f;font-size:13px}.kpis .card strong{display:block;margin-top:8px;font-size:24px;color:var(--brown)}.kpis .alert{border-color:#f1c2bd}.section{margin-top:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.btn{border:1px solid #cfc6bc;background:white;color:#31271f;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:650;cursor:pointer}.btn.primary{background:var(--gold);border-color:var(--gold);color:#171717}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:14px}th{background:#fbf7ef;color:#51463d}.badge{display:inline-block;background:#e8f5ed;color:var(--green);padding:4px 8px;border-radius:999px;font-weight:700}.badge.warn{background:#fff1d6;color:#9a5b00}.low{color:var(--red);font-weight:800}
.search{display:flex;gap:8px;margin-bottom:14px}.search input{flex:1}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:13px}.wide{grid-column:span 2}.actions{display:flex;justify-content:flex-end;gap:8px}
input,select{width:100%;border:1px solid #cfc6bc;border-radius:10px;padding:12px;background:#fff;font-size:16px}.flash{padding:12px;border-radius:10px;margin-bottom:12px}.flash.success{background:#e8f5ed;color:#11653a}.flash.error{background:#fde8e6;color:#9d1c12}
.login-wrap{min-height:90vh;display:flex;align-items:center;justify-content:center}.login-card{width:min(430px,100%);display:flex;flex-direction:column;gap:12px}.logo{font-size:42px;font-weight:900;color:var(--gold);letter-spacing:4px}.hint{font-size:12px;color:#746d65}
@media(max-width:800px){.kpis{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.wide{grid-column:span 1}.user{display:none}.container{padding:12px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}}