:root{--sbux-green: #00704A;--sbux-green-dark: #004b32;--sbux-cream: #f4f1ea;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--sbux-cream);color:#1e1e1e}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--sbux-green);color:#fff;display:flex;flex-direction:column;padding:1rem 0;flex-shrink:0}.sidebar h1{font-size:1.1rem;padding:0 1rem 1rem;border-bottom:1px solid rgba(255,255,255,.2);margin:0 0 1rem}.sidebar a{color:#fff;text-decoration:none;padding:.6rem 1rem;display:block;opacity:.85;transition:background-color .2s ease,opacity .2s ease,padding-left .2s ease}.sidebar a.active,.sidebar a:hover{background:var(--sbux-green-dark);opacity:1;padding-left:1.25rem}.sidebar .logout{margin-top:auto;cursor:pointer}.main-content{flex:1;padding:1.5rem 2rem;overflow-x:auto}.main-content h2{color:var(--sbux-green-dark)}table{width:100%;border-collapse:collapse;background:#fff;margin-top:1rem}th,td{padding:.5rem .75rem;border-bottom:1px solid #ddd;text-align:left;font-size:.9rem}th{background:var(--sbux-green);color:#fff}tbody tr{transition:background-color .15s ease}tbody tr:hover{background:#f0f7f3}tr.low-stock{background:#ffe0e0}tr.low-stock:hover{background:#fcc}.card{background:#fff;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.chart-card{background:#fff;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.chart-card:hover{box-shadow:0 4px 12px #0000001f}.chart-card h3{margin-top:0;color:var(--sbux-green-dark);font-size:1rem}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.form-grid label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}input,select,textarea,button{font-family:inherit;font-size:.9rem;padding:.4rem .5rem;border:1px solid #ccc;border-radius:4px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sbux-green);box-shadow:0 0 0 2px #00704a26}button{background:var(--sbux-green);color:#fff;border:none;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}button:hover{background:var(--sbux-green-dark);box-shadow:0 2px 6px #00000026}button:active{transform:scale(.97)}button.secondary{background:#888}button.secondary:hover{background:#666}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--sbux-green)}.login-box{background:#fff;padding:2rem;border-radius:8px;width:320px}.error{color:#c0392b;margin-top:.5rem}.kpi-row{display:flex;gap:1rem;flex-wrap:wrap}.kpi-box{background:#fff;border-radius:8px;padding:1rem;min-width:160px;border-left:4px solid var(--sbux-green)}.kpi-box .value{font-size:1.8rem;font-weight:700;color:var(--sbux-green-dark)}.kpi-box{transition:box-shadow .2s ease,transform .2s ease}.kpi-box:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.skeleton{background:linear-gradient(90deg,#e8e8e4 25%,#f4f1ea,#e8e8e4 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:1rem;margin-bottom:.5rem}.skeleton-block{height:220px;border-radius:8px}.skeleton-kpi-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.skeleton-kpi-row .skeleton{width:160px;height:76px;border-radius:8px}.page-transition{animation:page-fade-in .25s ease}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}