*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.hero-pengadaan{background:linear-gradient(135deg,#036,#06c);color:#fff;padding:80px 20px;text-align:center}.hero-pengadaan h1{font-size:48px;margin-bottom:20px;font-weight:700}.hero-pengadaan p{font-size:18px;max-width:800px;margin:0 auto;line-height:1.8}.section{padding:60px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:32px;margin-bottom:40px;color:#036;text-align:center;position:relative;padding-bottom:15px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:gold}.intro-text{text-align:center;max-width:900px;margin:0 auto 60px;color:#666;line-height:1.8;font-size:16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.info-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 3px 15px #0000001a;text-align:center;transition:transform .3s,box-shadow .3s}.info-card:hover{transform:translateY(-5px);box-shadow:0 5px 25px #00000026}.info-icon{width:100px;height:100px;background:linear-gradient(135deg,#036,#06c);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;color:#fff}.info-card h3{font-size:20px;color:#036;margin-bottom:15px}.info-card p{font-size:15px;color:#666;line-height:1.7;margin-bottom:20px}.btn-info{display:inline-block;padding:10px 25px;background:#036;color:#fff;text-decoration:none;border-radius:5px;font-size:14px;font-weight:500;transition:background .3s}.btn-info:hover{background:#004d99}.main-content{max-width:1200px;margin:0 auto;padding:5px 15px}.filter-section{background:#fff;margin-top:auto;padding:10px 15px}.additional-filters{display:grid;grid-template-columns:2fr minmax(90px,.8fr) minmax(150px,1.2fr) auto;gap:12px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group.compact{min-width:0;max-width:100%}.filter-group.compact select{padding:12px 35px 12px 12px;font-size:13px}.filter-group.compact label{font-size:13px}.filter-group label{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.filter-group select{width:100%;padding:12px 40px 12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:12px}.filter-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.filter-group select:hover{border-color:#06c}.filter-group input[type=text]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#fff;color:#1a1a1a}.filter-group input[type=text]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.filter-group input[type=text]:hover{border-color:#06c}.filter-group input[type=text]::placeholder{color:#999}.filter-actions{display:flex;flex-direction:row;gap:10px;align-items:flex-end;padding-top:0;min-width:0}.btn-filter{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:44px;box-sizing:border-box;flex:1}.btn-filter i{font-size:14px}.btn-filter:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-filter:active{transform:translateY(0)}.btn-filter:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background-color:#036;color:#fff}.btn-primary:hover{background-color:#06c}.btn-secondary{background-color:#f0f0f0;color:#1a1a1a;border:2px solid #e0e0e0}.btn-secondary:hover{background-color:#e0e0e0;border-color:#d0d0d0}@media(max-width:1200px){.additional-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:768px){.additional-filters{grid-template-columns:1fr}.filter-actions{flex-direction:row;width:100%;padding-top:0}.btn-filter{flex:1;justify-content:center}}.tender-table{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px #0000001a}.table-header{background:#036;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.table-header h3{font-size:20px}.table-header .showing{font-size:14px}table{width:100%;border-collapse:collapse}thead{background:#f5f5f5}th{padding:15px;text-align:left;font-weight:600;color:#036;font-size:14px;border-bottom:2px solid #ddd}td{padding:15px;border-bottom:1px solid #eee;font-size:14px}tbody tr{transition:background .2s}tbody tr:hover{background:#f9f9f9}.status-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:500}.status-open{background:#e8f5e9;color:#2e7d32}.status-closed{background:#ffebee;color:#c62828}.status-process{background:#fff3e0;color:#ef6c00}.status-winner{background:#e3f2fd;color:#1565c0}.btn-detail{display:inline-flex;align-items:center;gap:5px;padding:6px 15px;background:#036;color:#fff;text-decoration:none;border-radius:5px;font-size:13px;transition:background .3s}.btn-detail:hover{background:#004d99}.btn-download{display:inline-flex;align-items:center;gap:5px;padding:6px 15px;background:#06c;color:#fff;text-decoration:none;border-radius:5px;font-size:13px;margin-left:5px;transition:background .3s}.btn-download:hover{background:#0052a3}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;margin-bottom:30px;flex-wrap:wrap}.pagination-btn{padding:12px 18px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:5px}.pagination-btn:hover:not(:disabled):not(.disabled){border-color:#06c;color:#06c}.pagination-btn.active{background:#036;color:#fff;border-color:#036}.pagination-btn:disabled,.pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-btn i.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-section{background:#036;color:#fff;padding:60px 20px}.cta-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}.cta-text h2{font-size:32px;margin-bottom:15px;color:gold}.cta-text p{font-size:16px;line-height:1.8;margin-bottom:10px}.cta-buttons{display:flex;flex-direction:column;gap:15px}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;background:gold;color:#036;text-decoration:none;border-radius:5px;font-size:16px;font-weight:600;transition:transform .3s}.btn-cta:hover{transform:scale(1.05)}.btn-cta-secondary{background:#fff}.panduan-section{background:#f9f9f9}.panduan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.panduan-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 3px 10px #0000001a;transition:transform .3s}.panduan-card:hover{transform:translateY(-5px)}.panduan-card i{font-size:48px;color:#06c;margin-bottom:20px}.panduan-card h4{font-size:18px;color:#036;margin-bottom:15px}.panduan-card p{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}@media(max-width:768px){.main-content,.container{padding:0}.hero-pengadaan h1{font-size:32px}.section{padding:40px 20px}.cta-content{grid-template-columns:1fr}.table-responsive{overflow-x:auto}table{min-width:800px}.filter-row{grid-template-columns:1fr}}