body{margin:0;font-family:Arial,sans-serif;background:#f6f1e7;color:#2b2b2b}a{text-decoration:none;color:#7b4b00}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#4f2d00;color:#fff;padding:20px;box-sizing:border-box}.sidebar .brand{font-size:22px;font-weight:700;margin-bottom:20px}.sidebar a{display:block;color:#ffe6c3;padding:9px 10px;border-radius:8px;margin:4px 0}.sidebar a:hover{background:#6a3e05}.userbox{display:flex;gap:10px;align-items:center;background:#6a3e05;padding:10px;border-radius:12px;margin-bottom:16px}.avatar{width:44px;height:44px;background:#ffbf69;color:#4f2d00;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.content{flex:1;padding:24px;box-sizing:border-box}.page-head{margin-bottom:16px}.page-head.flex{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:14px 0}.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.08)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:12px 0}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-grid.three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid.four{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select,textarea,button{padding:10px;border:1px solid #d6c6b5;border-radius:10px;font-size:14px;box-sizing:border-box}.btn{background:#d97706;color:#fff;border:none;cursor:pointer;padding:10px 16px;border-radius:10px}.btn.secondary{background:#fff;color:#7b4b00;border:1px solid #d6c6b5}.link-btn{background:none;border:none;color:#7b4b00;padding:0;cursor:pointer}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left}.table th{background:#fff2dd}.formula-box{background:#fff8ef;border-left:4px solid #d97706;padding:12px 14px;border-radius:8px;margin:14px 0}.alert{padding:12px 14px;border-radius:10px;margin:10px 0}.alert-success{background:#ecfdf3;color:#10653d}.alert-danger{background:#fef2f2;color:#a31212}.alert-warning{background:#fff7ed;color:#9a3412}.pagination{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}.pagination a{padding:8px 12px;border:1px solid #d6c6b5;background:#fff;border-radius:8px}.pagination a.active{background:#d97706;color:#fff;border-color:#d97706}.login-body{background:linear-gradient(rgba(43,27,7,.55),rgba(43,27,7,.55)), url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1400&q=80') center/cover fixed;min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;max-width:420px;width:100%;padding:28px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.login-title{font-size:28px;font-weight:700;color:#6a3e05}.login-sub{color:#7a7a7a;margin:8px 0 20px}.hint{font-size:12px;color:#666}