:root{--primary-color:#00a896;--primary-dark:#008f7f;--sidebar-bg:#ffffff;--main-bg:#f5f7fa;--text-dark:#333333;--text-light:#666666;--border-color:#e0e0e0;--active-bg:#e6f7f5;--teal:#0aa89e;--teal-dark:#088c83}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background-color:var(--main-bg);display:flex;height:100vh;overflow:hidden;font-family:Inter,sans-serif}.btn-common-help{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff;border:1.5px solid var(--teal,#0aa89e);border-radius:6px;color:var(--teal,#0AA89E);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;outline:none;height:38px;font-family:inherit;text-transform:uppercase}.btn-common-help:hover{background:var(--active-bg,#e6f7f5);transform:translateY(-1px);box-shadow:0 4px 10px rgba(10,168,158,.15)}.btn-common-help i,.btn-common-help svg{font-size:15px;color:currentColor}.btn-common-next,.btn-common-prev{font-family:inherit;font-size:14px;font-weight:700;color:#ffffff;background:var(--teal,#0AA89E);border:none;padding:13px 28px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.02em;transition:all .2s ease;gap:10px}.btn-common-next:hover,.btn-common-prev:hover{background:var(--teal-dark,#088c83);transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,168,158,.25)}.btn-common-delete,.btn-common-edit{width:36px;height:36px;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-common-edit{background:#e6f7f5;color:var(--teal,#0AA89E)}.btn-common-edit:hover{background:var(--teal,#0AA89E);color:#ffffff;transform:scale(1.05)}.btn-common-delete{background:#ffebe6;color:#ff4d4f}.btn-common-delete:hover{background:#ff4d4f;color:#ffffff;transform:scale(1.05)}.btn-toggle-group{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:8px;border:1px solid #e2e8f0}.btn-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;background:transparent;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-toggle.active,.btn-toggle:hover{color:var(--teal,#0AA89E)}.btn-toggle.active{background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.1)}