.page-header{background:linear-gradient(135deg,#f0f7fc 0%,#ffffff 100%);border-left:4px solid #0078c6;border-radius:8px;padding:20px 25px;margin-bottom:25px;box-shadow:0 2px 8px rgba(0,0,0,8%)}.page-header h3{color:#0078c6;font-weight:700;margin:0;font-size:24px}.page-header p{color:#666;margin:8px 0 0;font-size:14px}.content-container{padding:20px 30px}.form-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,8%);border:1px solid #e4e5ec}.form-card .form-label{font-weight:500;color:#333;margin-bottom:8px}.form-card .form-control{border:1px solid #ddd;border-radius:6px;padding:10px 15px;transition:all .3s ease}.form-card .form-control:focus{border-color:#0078c6;box-shadow:0 0 0 3px rgba(0,120,198,.1)}.form-card .help-block{font-size:13px;color:#999;margin-top:5px;margin-bottom:0}.form-card .btn-primary{background:linear-gradient(135deg,#0078c6 0%,#0156a8 100%);border:none;padding:10px 30px;font-weight:500;border-radius:6px;transition:all .3s ease}.form-card .btn-primary:hover{background:linear-gradient(135deg,#0156a8 0%,#014486 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,120,198,.3)}.table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,8%);border:1px solid #e4e5ec}.table-card .table{margin-bottom:0}.table-card .table thead{background:linear-gradient(135deg,#f0f7fc 0%,#ffffff 100%)}.table-card .table thead th{border-bottom:2px solid #0078c6;color:#0078c6;font-weight:700;padding:15px;font-size:14px}.table-card .table tbody tr{transition:background-color .2s ease}.table-card .table tbody tr:hover{background-color:#f0f7fc}.table-card .table tbody td{padding:15px;vertical-align:middle;border-bottom:1px solid #f2f1f1}.empty-state{padding:80px 20px;text-align:center}.empty-state .icon{font-size:64px;color:#ccc;margin-bottom:20px}.empty-state .title{font-size:18px;color:#666;margin-bottom:10px}.empty-state .description{font-size:14px;color:#999;margin-bottom:20px}.empty-state .btn{padding:10px 30px;background:linear-gradient(135deg,#0078c6 0%,#0156a8 100%);border:none;color:#fff;border-radius:6px;text-decoration:none;display:inline-block;transition:all .3s ease}.empty-state .btn:hover{background:linear-gradient(135deg,#0156a8 0%,#014486 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,120,198,.3);text-decoration:none;color:#fff}.pagination-container{padding:20px;background:#f8f9fa;border-top:1px solid #e4e5ec}.pagination{margin-bottom:0}.pagination .page-link{color:#0078c6;border:1px solid #dee2e6;padding:8px 16px;margin:0 4px;border-radius:6px;transition:all .3s ease}.pagination .page-link:hover{background-color:#0078c6;color:#fff;border-color:#0078c6;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,120,198,.3)}.pagination .page-item.active .page-link{background-color:#0078c6;border-color:#0078c6}.pagination .page-item.disabled .page-link{opacity:.5;cursor:not-allowed}.badge-status{padding:5px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-status.success{background-color:#d4edda;color:#155724}.badge-status.warning{background-color:#fff3cd;color:#856404}.badge-status.danger{background-color:#f8d7da;color:#721c24}.badge-status.info{background-color:#d1ecf1;color:#0c5460}.alert-card{border-radius:8px;border-left-width:4px;padding:15px 20px;margin-bottom:20px}.alert-card.alert-success{background-color:#d4edda;border-left-color:#28a745;color:#155724}.alert-card.alert-info{background-color:#d1ecf1;border-left-color:#17a2b8;color:#0c5460}.alert-card.alert-warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}.alert-card.alert-danger{background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}.action-buttons{display:flex;gap:10px;align-items:center}.action-buttons .btn{padding:6px 15px;font-size:13px;border-radius:6px;transition:all .3s ease}.action-buttons .btn-sm{padding:4px 10px;font-size:12px}.info-card{background:linear-gradient(135deg,#f0f7fc 0%,#ffffff 100%);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #e4e5ec}.info-card .info-label{font-size:13px;color:#666;margin-bottom:5px}.info-card .info-value{font-size:16px;color:#333;font-weight:500}@media(max-width:768px){.content-container{padding:15px}.page-header{padding:15px 20px}.page-header h3{font-size:20px}.form-card{padding:20px}.table-card .table{font-size:13px}.table-card .table thead th,.table-card .table tbody td{padding:10px}}.opp-result-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 2px;font-size:12.5px;color:#7b838d}.opp-result-bar b{color:#0078c6;font-weight:700}.opp-dot{color:#c3cad3}.opp-reset-link{margin-left:auto;color:#0078c6;text-decoration:none}.opp-reset-link:hover{text-decoration:underline}.opp-urgent{display:inline-block;margin-left:6px;padding:0 6px;border-radius:4px;background:#fff1f0;color:#c0392b;font-size:12px;font-weight:600}.opp-days{margin-left:4px;color:#8a929b}.opp-reason{margin-top:4px;font-size:12px;color:#a35c00}.opp-reason i{margin-right:4px}.opp-row{display:flex;align-items:flex-start;gap:12px;padding:14px 2px;border-bottom:1px solid #eef2f6}.opp-row:last-child{border-bottom:0}.opp-row-icon{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef6fd;border:1px solid #dcebf9;color:#0078c6;font-size:16px}.opp-row.is-urgent .opp-row-icon{background:#fff1f0;border-color:#f6d3d0;color:#c0392b}.opp-row-main{flex:1;min-width:0}.opp-row-state{flex:none;padding-top:2px}.opp-row h6{margin-bottom:2px}@media(max-width:576px){.opp-row{gap:10px;padding:12px 0}.opp-row-icon{width:32px;height:32px;border-radius:8px;font-size:14px}}.opp-kua-tag{margin-top:6px;font-size:11px;color:#7b838d;white-space:nowrap}.opp-kua-tag i{color:#0078c6;margin-right:2px}.opp-filter{margin:6px 0 4px;padding:10px 12px;border:1px solid #e8eef5;border-radius:10px;background:#fbfcfe}.opp-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px;border-bottom:1px dashed #e8eef5;margin-bottom:8px}.opp-tab{padding:4px 12px;border-radius:999px;font-size:12.5px;color:#5b6470;text-decoration:none;background:#fff;border:1px solid #e3e9f0}.opp-tab:hover{color:#0078c6;border-color:#bcdcf7}.opp-tab.on{background:#0078c6;border-color:#0078c6;color:#fff;font-weight:600}.opp-filter-row{display:flex;align-items:flex-start;gap:10px;margin:6px 0}.opp-filter-label{flex:none;padding-top:4px;font-size:12px;color:#8a929b;white-space:nowrap}.opp-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.opp-chips-scroll{max-height:84px;overflow-y:auto;padding-right:4px}.opp-chip{padding:3px 10px;border-radius:999px;font-size:12px;color:#3c4652;text-decoration:none;background:#fff;border:1px solid #e3e9f0;white-space:nowrap}.opp-chip:hover{color:#0078c6;border-color:#bcdcf7}.opp-chip.on{background:#eaf3fc;border-color:#bcdcf7;color:#0a5da6;font-weight:600}.opp-filter-hint{padding-top:3px;font-size:12px;color:#8a929b}.opp-filter-hint a{color:#0078c6;text-decoration:none}.opp-filter-more{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:8px;border-top:1px dashed #e8eef5}.opp-inline{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#5b6470}.opp-inline select{width:auto}