*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4682b4;--primary-light:#e1f5ee;--primary-dark:#35617f;--accent:#1d9e75;--danger:#e24b4a;--danger-light:#fcebeb;--warning:#ef9f27;--warning-light:#faeeda;--info:#378add;--info-light:#e6f1fb;--purple:#7f77dd;--purple-light:#eeedfe;--bg:#f5f5f7;--bg-card:#fff;--border:#e5e5e5;--border-light:#f0f0f0;--text:#1a1a1a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--radius:10px;--radius-sm:6px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000d}body{-webkit-font-smoothing:antialiased;background:#f5f5f7;background:var(--bg);color:#1a1a1a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 24px 0}.page-title{color:#1a1a1a;color:var(--text);font-size:20px;font-weight:600}.page-sub{color:#6b7280;color:var(--text-secondary);font-size:13px;margin-top:2px}.page-body{flex:1 1;padding:0 24px 24px}.card{background:#fff;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);padding:20px}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .15s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#4682b4;background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#35617f;background:var(--primary-dark)}.btn-secondary{background:#fff;border-color:#e5e5e5;border-color:var(--border);color:#1a1a1a;color:var(--text)}.btn-secondary:hover:not(:disabled){background:#f5f5f7;background:var(--bg)}.btn-danger{background:#e24b4a;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c53030}.btn-ghost{background:#0000;color:#6b7280;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#f5f5f7;background:var(--bg);color:#1a1a1a;color:var(--text)}.btn-sm{font-size:12px;padding:5px 10px}.form-group{margin-bottom:16px}.form-label{color:#6b7280;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:5px}.form-label .required{color:#e24b4a;color:var(--danger)}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1a1a;color:var(--text);font-size:13px;padding:8px 12px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4682b4;border-color:var(--primary);outline:none}.form-textarea{line-height:1.5;min-height:80px;resize:vertical}.form-hint{color:#9ca3af;color:var(--text-tertiary)}.form-error,.form-hint{font-size:11px;margin-top:4px}.form-error{color:#e24b4a;color:var(--danger)}.form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.badge-green{background:#e1f5ee;background:var(--primary-light);color:#35617f;color:var(--primary-dark)}.badge-blue{background:#e6f1fb;background:var(--info-light);color:#0c447c}.badge-purple{background:#eeedfe;background:var(--purple-light);color:#3c3489}.badge-amber{background:#faeeda;background:var(--warning-light);color:#633806}.badge-red{background:#fcebeb;background:var(--danger-light);color:#791f1f}.badge-gray{background:#f3f4f6;color:#6b7280;color:var(--text-secondary)}.badge-yellow{background:#fef9c3;color:#854d0e}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);color:#6b7280;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);font-size:13px;padding:12px}tr:last-child td{border-bottom:none}tr:hover td{background:#f5f5f7;background:var(--bg)}.toggle-wrap{align-items:center;display:flex;gap:8px}.toggle{height:20px;position:relative;width:36px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#e5e5e5;background:var(--border);border-radius:10px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.toggle-slider:after{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:left .2s;width:14px}.toggle input:checked+.toggle-slider{background:#4682b4;background:var(--primary)}.toggle input:checked+.toggle-slider:after{left:19px}.spinner{animation:spin .6s linear infinite;border:2px solid #e5e5e5;border-top-color:#4682b4;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.loading-screen{flex-direction:column;gap:16px;height:100vh}.loading-screen,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{background:#0006;inset:0;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;box-shadow:var(--shadow-md);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-title{font-size:16px;font-weight:600}.modal-body{padding:20px 24px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:0 24px 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-topbar,.sidebar-backdrop,.sidebar-close{display:none}@media (max-width:768px){.mobile-topbar{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);gap:10px;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:60}.mobile-menu-btn,.mobile-topbar{align-items:center;background:#fff;display:flex}.mobile-menu-btn{border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:8px;color:#1a1a1a;color:var(--text);cursor:pointer;flex-shrink:0;height:38px;justify-content:center;width:38px}.mobile-topbar-title{color:#4682b4;color:var(--primary);font-size:15px;font-weight:700}.app-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;z-index:200}.app-sidebar.open{box-shadow:4px 0 28px #00000038;transform:translateX(0)}.sidebar-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:8px;width:32px}.sidebar-backdrop.open{background:#0006;display:block;inset:0;position:fixed;z-index:150}.sidebar-collapse-toggle{display:none!important}.main-content{width:100%}.page-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 14px 0}.page-title{font-size:18px}.page-body{padding:0 14px 16px}.modal-overlay{padding:10px}.modal{max-height:94vh;max-width:100%}.form-input,.form-select,.form-textarea{font-size:16px}.form-grid-2{grid-template-columns:1fr}.page-header>div{flex-wrap:wrap}.m-scroll-x{overflow-x:auto}.m-scroll-x>*{flex-shrink:0;margin-bottom:0!important;white-space:nowrap}.m-cards,.m-wrap{flex-wrap:wrap}.m-cards>*{flex:1 1 140px!important;min-width:0}.m-stack{grid-template-columns:minmax(0,1fr)!important}body,html{overflow-x:clip}}.gc-rich-editor ol,.gc-rich-editor ul{margin:4px 0!important;padding-left:20px!important}.gc-rich-editor li{margin:2px 0}.pac-container{z-index:10000!important}