:root{--accent:#002FA7;--accent-light:#e8edff;--bg:#f8fafc;--card:#fff;--text:#1e293b;--text2:#64748b;--border:#e2e8f0;--success:#16a34a;--warn:#ea580c;--info:#2563eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#f1f5f9;color:var(--text)}.report-header{background:linear-gradient(135deg,#002fa7 0,#1e3a5f 100%);color:#fff;padding:48px 0}.report-header-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px}.report-project h1{font-size:28px;font-weight:800;margin-bottom:8px}.report-project .subtitle{font-size:15px;opacity:.8}.report-meta{text-align:right;font-size:14px;opacity:.85;line-height:1.8}.watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);font-size:120px;font-weight:900;color:rgba(0,47,167,.03);pointer-events:none;white-space:nowrap;z-index:0}.content{max-width:1100px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:1}.info-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;margin-bottom:24px}.info-card h2{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--accent);color:var(--accent)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;gap:8px}.info-item .label{color:var(--text2);font-size:14px;white-space:nowrap}.info-item .value{font-size:14px;font-weight:600}.status-badge{display:inline-block;padding:4px 14px;border-radius:100px;font-size:13px;font-weight:600}.status-ongoing{background:#dbeafe;color:#1e40af}.status-done{background:#dcfce7;color:#166534}.status-pending{background:#f1f5f9;color:#64748b}.status-delayed{background:#fef3c7;color:#92400e}.progress-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:32px}.progress-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center}.progress-card .big-num{font-size:48px;font-weight:800;color:var(--accent)}.progress-card .big-label{font-size:14px;color:var(--text2);margin-top:6px}.section-title{font-size:20px;font-weight:700;color:var(--accent);margin:32px 0 16px;padding-left:16px;border-left:4px solid var(--accent)}.phase-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:16px;transition:box-shadow .25s}.phase-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}.phase-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.phase-header h4{font-size:18px;font-weight:700}.progress-bar-wrap{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;border-radius:5px;transition:width .8s}.progress-bar-fill.blue{background:linear-gradient(90deg,#2563eb,#3b82f6)}.progress-bar-fill.green{background:linear-gradient(90deg,#16a34a,#22c55e)}.progress-bar-fill.orange{background:linear-gradient(90deg,#ea580c,#f97316)}.phase-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.phase-stats{font-size:14px;color:var(--text2);line-height:2}.phase-stats strong{color:var(--text)}.timeline{position:relative;padding-left:32px}.timeline::before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#e2e8f0}.timeline-item{position:relative;margin-bottom:20px;padding-left:24px}.timeline-item::before{content:'';position:absolute;left:-24px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--card);box-shadow:0 0 0 2px var(--accent)}.timeline-item.completed::before{background:var(--success);box-shadow:0 0 0 2px var(--success)}.timeline-date{font-size:12px;color:var(--text2)}.timeline-content{font-size:14px;font-weight:500;margin-top:2px}.daily-log{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:12px}.daily-log .log-date{font-size:13px;color:var(--text2);margin-bottom:8px}.daily-log .log-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;padding:6px 0;border-bottom:1px solid #f1f5f9}.daily-log .log-item:last-child{border-bottom:none}.log-icon{font-size:16px;flex-shrink:0;width:24px;text-align:center}.note-box{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:20px 24px;margin-top:24px}.note-box h4{font-size:14px;color:#92400e;margin-bottom:8px}.note-box p{font-size:13px;color:#a16207;line-height:1.8}.report-footer{border-top:2px solid var(--border);margin-top:40px;padding-top:20px;text-align:center;color:var(--text2);font-size:13px;line-height:1.8}.btn-row{text-align:center;margin:32px 0}.btn-back{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;padding:14px 32px;border-radius:100px;text-decoration:none;transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,transform .25s,opacity .25s}.btn-back:hover{background:#00208a}@media (max-width:768px){.report-header-inner{flex-direction:column}.report-meta{text-align:left}.progress-overview{grid-template-columns:repeat(2,1fr)}}.nav-dropdown{position:relative;display:inline-flex}.nav-dropdown-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}.nav-dropdown-toggle .arr{font-size:10px;transition:transform .2s}.nav-dropdown.open .nav-dropdown-toggle .arr{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.1);min-width:180px;padding:8px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;z-index:1000}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(8px)}.nav-dropdown-menu a{display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#475569;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s}.nav-dropdown-menu a:hover{background:#e8edff;color:#002fa7}@media (max-width:1023px){.nav-dropdown{display:block}.nav-dropdown-menu{position:static;transform:none;box-shadow:none;border:none;border-radius:0;padding:0 0 0 16px;min-width:auto;background:0 0;opacity:1;visibility:visible;display:none}.nav-dropdown.open .nav-dropdown-menu{display:block;transform:none}}