:root{font-family:Segoe UI,system-ui,sans-serif;--primary: #2f6f4f;--accent: #e8a33d;--bg: #f7f6f2;--card: #ffffff;--danger: #c0392b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#222}.container{max-width:1000px;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 1px 4px #00000014;margin-bottom:20px}.nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:20px;padding:10px 12px;background:var(--card);border-radius:12px;box-shadow:0 1px 4px #00000012}.nav a{text-decoration:none;padding:7px 12px;border-radius:8px;color:#333;font-size:14px;white-space:nowrap}.nav a.active,.nav a:hover{background:var(--primary);color:#fff}.nav .nav-user{margin-left:auto;font-size:12px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.btn{border:none;border-radius:8px;padding:10px 16px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;font-size:14px;white-space:nowrap}.btn:hover{opacity:.9}.btn.secondary{background:#eee;color:#333}.btn.danger{background:var(--danger);color:#fff}input,select,textarea{padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px;width:100%}label{display:block;font-size:14px}form input,form select,form textarea{margin-top:4px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:480px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eee;font-size:14px;white-space:nowrap}td:last-child,th:last-child{white-space:normal}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#eef4ef;color:var(--primary)}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.nav .nav-user{max-width:120px}table{min-width:400px}}@media (max-width: 480px){.container{padding:10px}.card{padding:14px 12px}.nav{padding:8px 10px;gap:4px}.nav a{padding:6px 9px;font-size:13px}.nav .nav-user{display:none}.btn{padding:9px 13px;font-size:13px}th,td{padding:6px 8px;font-size:13px}h3{font-size:18px}h4{font-size:15px}}