:root{--color-primary:#E09F00;--color-primary-dark:#C97A00;--color-primary-light:#FFD166;--color-accent:#F5B700;--color-bg:#FFF8E6;--color-card:#FFFFFF;--color-border:#F1D38A;--text-main:#3A2E00;--text-muted:#8C6B1F;--radius:14px;--shadow-sm:0 2px 8px rgba(224,159,0,0.08);--shadow-md:0 10px 30px rgba(224,159,0,0.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Arial,sans-serif;background:var(--color-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1400px;margin:0 auto}.card{box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:var(--transition)}.card:hover{transform:translateY(-2px)}input{font-family:inherit;border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:8px 12px}input:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-card);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.button{padding:10px 18px;border-radius:var(--radius-sm);border:none;font-weight:500;transition:.2s}.button-primary{background:var(--color-primary);color:white}.button-primary:hover{opacity:.9}.button-secondary{background:var(--color-secondary);color:white}.badge{background:var(--color-accent);color:white;padding:4px 8px;border-radius:6px;font-size:12px}.tableWrapper{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.th{text-align:left;padding:12px;border-bottom:2px solid #eee;background:#fafafa;font-weight:700;font-size:13px}.td{padding:14px 12px;border-bottom:1px solid #f3f4f6}.tdCenter{text-align:center}.tdAmount{text-align:right;font-weight:600}.tdTotal{font-weight:800;color:#16a34a}.row{transition:background .15s}.row:hover{background:#f9fafb}.wrapper{min-height:100vh;display:flex;flex-direction:column;width:100%}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.75);border-bottom:1px solid rgba(0,0,0,.05)}.main{flex:1 1;width:100%;padding:40px 60px}.nav{display:flex;gap:8px}.nav a{padding:10px 16px;border-radius:12px;transition:.2s}.nav a:hover{background:rgba(0,0,0,.05)}.userBox{gap:16px}.avatar,.userBox{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));justify-content:center;color:white;font-weight:600}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:transparent!important}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}@keyframes floatLeft{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(6px) rotate(-8deg)}to{transform:translateY(0) rotate(-8deg)}}@keyframes floatRight{0%{transform:translateY(0) scaleX(-1) rotate(8deg)}50%{transform:translateY(6px) scaleX(-1) rotate(8deg)}to{transform:translateY(0) scaleX(-1) rotate(8deg)}}@keyframes floatBee{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}