*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#f5f6fa}.layout{display:flex;min-height:100vh}.content{flex:1;padding:70px;max-width:1200px;margin:0 auto}.sidebar{width:240px;background:#1e1e2f;color:#fff;display:flex;flex-direction:column;padding:24px;gap:24px}.nav{display:flex;flex-direction:column;gap:8px}.nav a{text-decoration:none;color:#c7c7d1;padding:10px 12px;transition:background .15s}.nav a:hover{background:#2c2c40;color:#fff}.nav a.active{background:#3a3a55;color:#fff}.logout{margin-top:auto;background:#d9534f;border:none;color:#fff;padding:10px;cursor:pointer}.logout:hover{background:#c9302c}.page{display:flex;flex-direction:column;gap:20px}.page-title{font-size:24px;font-weight:600}.table-card{background:#fff;box-shadow:0 2px 8px #0000000d;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;table-layout:auto}.admin-table thead{background:#f3f4f6}.admin-table th{position:relative;text-align:left;padding:14px 18px;font-size:14px;color:#555}.resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize}.resize-handle:hover{background:#ccc}.admin-table td{padding:14px 18px;border-top:1px solid #eee;font-size:14px}.admin-table tbody tr:hover{background:#f9fafb}.action-col{text-align:center;white-space:nowrap}.danger-btn{background:#e55353;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer}.danger-btn:hover{background:#d64545}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:24px;border-radius:8px;width:400px;display:flex;flex-direction:column;gap:12px}.modal textarea{min-height:80px;resize:vertical;padding:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}