:root{--color-primary:#3182ce;--color-primary-dark:#2c5282;--color-primary-light:#ebf8ff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--color-text-primary:#2d3748;--color-text-secondary:#4a5568;--color-text-muted:#a0aec0;--color-text-white:#fff;--color-border:#d1d5db;--color-border-light:#e5e7eb;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-app:#f3f4f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 2px 8px rgba(0,0,0,.1);--shadow-lg:0 10px 25px rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-app);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.top-banner{align-items:center;background:#07294b;border-bottom:1px solid #2c5282;display:flex;gap:32px;height:60px;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.banner-left .app-title{color:#fff;font-size:18px;font-weight:600;white-space:nowrap}.banner-right{margin-left:auto}.settings-btn{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-md);color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background var(--transition-fast);width:36px}.settings-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.app-container{display:flex;margin-top:60px;min-height:calc(100vh - 60px)}.sidebar{background:#fff;border-right:1px solid var(--color-border-light);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow-y:auto;position:fixed;top:60px;transition:width var(--transition-normal);width:220px;z-index:100}.sidebar.collapsed{width:60px}.sidebar.collapsed .nav-item span{opacity:0;overflow:hidden;width:0}.sidebar-collapse-toggle{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;margin:12px 12px 0 auto;transition:all var(--transition-fast);width:32px}.sidebar-collapse-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar.collapsed .sidebar-collapse-toggle{margin:12px auto 0}.sidebar.collapsed .sidebar-collapse-toggle .fa-angles-left:before{content:"\f101"}.nav-menu{list-style:none;padding:4px 0 16px}.nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;margin:2px 12px;padding:12px 20px;position:relative;transition:all var(--transition-fast);user-select:none;white-space:nowrap}.nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:500}.nav-item.active:before{background:var(--color-primary);border-radius:0 2px 2px 0;content:"";height:75%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{flex-shrink:0;font-size:16px;margin-right:12px;text-align:center;width:20px}.nav-item span{font-size:14px;transition:opacity var(--transition-normal)}.main-content{background:var(--color-bg-app);flex:1;margin-left:220px;max-width:calc(100vw - 220px);min-height:calc(100vh - 60px);overflow-x:hidden;transition:margin-left var(--transition-normal)}.main-content.sidebar-collapsed,.sidebar.collapsed~.main-content{margin-left:60px;max-width:calc(100vw - 60px)}.page-content{padding:var(--spacing-3xl)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.card-title{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:var(--spacing-lg)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:38px;padding:0 18px;transition:background var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-border-light)}.text-input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;outline:none;padding:9px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.4px;padding:2px 10px;text-transform:uppercase}.badge-success{background:#d1fae5;color:#065f46}.badge-error{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.table-wrapper{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead th{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}tbody td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);padding:10px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--color-bg-secondary)}.modal-overlay{align-items:center;background:rgba(0,0,0,.45);display:none;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-overlay.open{display:flex}.modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:calc(100vw - 32px);width:420px}.modal-header{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-md)}.modal-header h2{font-size:16px;font-weight:600}.modal-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl)}.modal-body p{color:var(--color-text-secondary);font-size:14px}.modal-footer{display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-xl)}.modal-error{color:var(--color-error);font-size:13px;min-height:18px}.state-message{color:var(--color-text-muted);font-size:14px;padding:var(--spacing-3xl);text-align:center}