:root{--primary:#2563eb;--primary-light:#3b82f6;--success:#059669;--bg:#f1f5f9;--surface:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 1px 3px #00000014, 0 4px 12px #0000000a;--shadow-sm:0 1px 2px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}#root{min-height:100vh}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.firebase-banner{text-align:center;background:#fffbeb;border-bottom:1px solid #fde68a;padding:.75rem 1.5rem;font-size:.9rem}.firebase-banner strong{color:#b45309}.firebase-banner p{color:#92400e;margin:.25rem 0 0}.firebase-banner code{background:#fef3c7;border-radius:4px;padding:.1rem .35rem;font-size:.85rem}.layout{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);position:sticky;top:0}.header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header__brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.header__icon{font-size:2rem}.header__brand strong{color:var(--text);font-size:1.1rem;display:block}.header__brand small{color:var(--text-muted);font-size:.8rem}.header__nav{flex-wrap:wrap;gap:.5rem;display:flex}.header__nav a{color:var(--text-muted);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.header__nav a:hover{background:var(--bg);color:var(--primary)}.header__nav a.active{background:var(--primary);color:#fff}.header__nav a.header__nav-admin:not(.active){border:1px solid var(--border);background:var(--bg)}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:1.5rem;font-size:.85rem}@media (width<=600px){.header__inner{flex-direction:column;align-items:flex-start}.header__nav{width:100%}.header__nav a{text-align:center;flex:1}}.file-upload__dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg);border-radius:10px;padding:2rem 1.5rem;transition:all .2s}.file-upload__dropzone:hover,.file-upload__dropzone.drag-over{border-color:var(--primary);background:#2563eb0a}.file-upload__icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.file-upload__dropzone p{color:var(--text-muted);margin:.25rem 0;font-size:.9rem}.file-upload__hint{font-size:.8rem!important}.file-upload__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:.75rem;padding:.65rem .85rem;font-size:.85rem}.file-upload__list{flex-direction:column;gap:.5rem;margin-top:1rem;list-style:none;display:flex}.file-upload__item{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.file-upload__thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:44px}.file-upload__file-icon{text-align:center;flex-shrink:0;width:44px;font-size:1.75rem}.file-upload__info{flex:1;min-width:0}.file-upload__name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;display:block;overflow:hidden}.file-upload__size{color:var(--text-muted);font-size:.75rem}.file-upload__remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.35rem;font-size:.9rem;transition:all .2s}.file-upload__remove:hover{color:#dc2626;background:#fef2f2}.size-selector{width:100%}.size-selector__hint{color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:.75rem;font-size:.9rem}.size-selector__custom-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:.75rem;padding:1rem}.size-selector__custom-box>label{margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.size-selector__custom{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.size-selector__field{flex:1;min-width:100px}.size-selector__field small{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;display:block}.size-selector__field input,.size-selector__field select{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;padding:.55rem .75rem;font-size:.9rem}.size-selector__times{color:var(--text-muted);padding-bottom:.55rem;font-weight:600}.size-selector__preview{color:var(--text-muted);border-left:3px solid var(--primary);background:#2563eb0d;border-radius:6px;margin-top:.75rem;padding:.5rem .75rem;font-size:.85rem}.size-selector__preview strong{color:var(--text)}.av-equipment{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;gap:1rem;max-height:420px;padding:.85rem;display:flex;overflow-y:auto}.av-equipment__group-title{color:var(--primary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .5rem;font-size:.82rem;font-weight:700}.av-equipment__list{flex-direction:column;gap:.35rem;display:flex}.av-equipment__row{background:var(--surface);border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .55rem;display:flex}.av-equipment__row.selected{background:#eff6ff;border-color:#2563eb40}.av-equipment__check{cursor:pointer;flex:1;align-items:flex-start;gap:.5rem;font-size:.88rem;font-weight:500;line-height:1.35;display:flex}.av-equipment__check input{flex-shrink:0;margin-top:.15rem}.av-equipment__qty{color:var(--text-muted);flex-shrink:0;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.av-equipment__qty input{border:1px solid var(--border);border-radius:6px;width:4rem;padding:.3rem .45rem;font-size:.85rem}.av-equipment__summary{color:var(--text-muted);border-top:1px solid var(--border);margin:0;padding-top:.25rem;font-size:.82rem}@media (width<=600px){.av-equipment__row{flex-direction:column;align-items:stretch}.av-equipment__qty{justify-content:space-between}}.date-capacity-picker{flex-direction:column;gap:.75rem;display:flex}.date-capacity-picker__video select{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;padding:.65rem .75rem;font-family:inherit;font-size:.9rem}.date-capacity-picker__hint{color:var(--text-muted);margin:0;font-size:.8rem}.date-capacity-picker__guide{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem .9rem}.date-capacity-picker__guide p{color:var(--text);margin:0;font-size:.85rem;line-height:1.45}.date-capacity-picker__suggestions{flex-direction:column;gap:.4rem;margin-top:.65rem;display:flex}.date-capacity-picker__suggestions>span{color:var(--text-muted);font-size:.78rem}.date-capacity-picker__suggestion-list{flex-wrap:wrap;gap:.4rem;display:flex}.date-capacity-picker__suggestion-list--error{margin-top:.55rem}.date-capacity-picker__suggestion{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:#eff6ff;border-radius:999px;padding:.3rem .7rem;font-family:inherit;font-size:.78rem}.date-capacity-picker__suggestion.selected,.date-capacity-picker__suggestion:hover{background:var(--primary);color:#fff}.date-capacity-picker__toolbar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.date-capacity-picker__toolbar .btn{min-width:2.5rem;padding:.4rem .75rem}.date-capacity-picker__legend{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.date-capacity-picker__weekdays{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);gap:2px;font-size:.7rem;font-weight:600;display:grid}.date-capacity-picker__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-capacity-picker__cell{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:2.75rem;padding:.25rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s;display:flex}.date-capacity-picker__cell.empty{cursor:default;background:0 0;border:none}.date-capacity-picker__cell small{font-size:.55rem;line-height:1}.date-capacity-picker__cell.available:not(.disabled):hover{border-color:var(--success);background:#ecfdf5}.date-capacity-picker__cell.near:not(.disabled):hover{background:#fffbeb;border-color:#d97706}.date-capacity-picker__cell.selected{border-color:var(--primary);background:#eff6ff;font-weight:600}.date-capacity-picker__cell.earliest:not(.disabled):not(.selected){box-shadow:inset 0 0 0 1px var(--success)}.date-capacity-picker__cell.suggested:not(.disabled):not(.selected){border-color:#93c5fd}.date-capacity-picker__cell.disabled{opacity:.45;cursor:not-allowed}.date-capacity-picker__selected{color:var(--text-muted);margin:0;font-size:.85rem}.form-page{animation:.3s fadeIn}.page-header{margin-bottom:2rem}.page-header h1{color:var(--text);margin-bottom:.5rem;font-size:1.75rem}.page-header p{color:var(--text-muted);line-height:1.6}.application-form{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{color:var(--primary);border-bottom:2px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.nama-search{margin-bottom:.5rem}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.8rem;display:block}.form-hint--warn{color:#dc2626}.form-label-note{color:var(--text-muted);font-weight:500}.service-checklist{border:1px solid var(--border);background:var(--bg);border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;max-height:280px;padding:.85rem;display:grid;overflow-y:auto}.service-checklist__item{cursor:pointer;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.45rem .55rem;font-size:.88rem;font-weight:500;line-height:1.35;display:flex}.service-checklist__item:hover{background:var(--surface)}.service-checklist__item input{flex-shrink:0;margin-top:.15rem}.form-section__desc{color:var(--text-muted);margin:-.5rem 0 1rem;font-size:.9rem}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.form-group select:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.btn-submit{width:100%;padding:.85rem;font-size:1rem}.success-card{background:var(--surface);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;padding:3rem 2rem;animation:.3s fadeIn}.success-card__icon{margin-bottom:1rem;font-size:3rem}.success-card h2{color:var(--success);margin-bottom:.75rem}.success-card p{color:var(--text-muted);margin-bottom:1.5rem}.success-card__id{background:var(--bg);border:2px dashed var(--primary);border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.success-card__id span{color:var(--text-muted);margin-bottom:.25rem;font-size:.85rem;display:block}.success-card__id strong{color:var(--primary);letter-spacing:1px;font-size:1.5rem}.success-card__email-notice{color:#1b5e20;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;max-width:36rem;margin:0 auto 1.5rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.45}.success-card__email-notice[data-warn]{color:#e65100;background:#fff8e1;border-color:#ffe082}.success-card__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=600px){.form-grid{grid-template-columns:1fr}.application-form{padding:1.25rem}}.file-list{margin-top:1.5rem}.file-list h3{color:var(--text);margin-bottom:.75rem;font-size:.95rem}.file-list__loading{color:var(--text-muted);font-size:.9rem}.file-list__error{color:#dc2626;font-size:.9rem}.file-list__empty{color:var(--text-muted);font-size:.9rem;font-style:italic}.file-list__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.file-list__item{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.file-list__preview{background:#e2e8f0;height:120px;display:block;overflow:hidden}.file-list__preview img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.file-list__preview:hover img{transform:scale(1.05)}.file-list__doc-icon{background:var(--surface);justify-content:center;align-items:center;height:80px;font-size:2.5rem;display:flex}.file-list__details{padding:.65rem .75rem}.file-list__name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.8rem;font-weight:500;display:block;overflow:hidden}.file-list__size{color:var(--text-muted);margin-bottom:.35rem;font-size:.7rem;display:block}.file-list__download{color:var(--primary);font-size:.75rem;font-weight:600;text-decoration:none}.file-list__download:hover{text-decoration:underline}.status-bar{width:100%}.status-bar__track{background:var(--border);border-radius:999px;height:8px;margin-bottom:1rem;overflow:hidden}.status-bar__fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:999px;height:100%;transition:width .5s}.status-bar__steps{justify-content:space-between;gap:.35rem;margin-bottom:.5rem;display:flex}.status-bar__step{text-align:center;opacity:.4;flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:0;transition:opacity .3s;display:flex}.status-bar__step.active{opacity:1}.status-bar__step.current .status-bar__dot{background:var(--primary);color:#fff;box-shadow:0 0 0 3px #2563eb40}.status-bar__dot{background:var(--border);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.status-bar__step.active .status-bar__dot{background:var(--primary-light);color:#fff}.status-bar__step span{color:var(--text-muted);word-break:break-word;font-size:.7rem;line-height:1.2}.status-bar__step.current span{color:var(--primary);font-weight:600}.status-bar__percent{text-align:right;color:var(--primary);font-size:.85rem;font-weight:600}.status-bar--cancelled{color:#991b1b;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-weight:600}.status-bar--cancelled p{margin:0}@media (width<=600px){.status-bar__step span{font-size:.6rem}.status-bar__dot{width:24px;height:24px;font-size:.65rem}}.work-history{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-top:1.25rem;padding:1rem 1.1rem}.work-history__header h3{margin:0 0 .35rem;font-size:1rem}.work-history__header p{color:var(--text-muted);margin:0 0 .85rem;font-size:.82rem;line-height:1.4}.work-history__empty{color:var(--text-muted);margin:0;font-size:.85rem}.work-history__stats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.work-history__stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;padding:.55rem .65rem}.work-history__stat strong{color:var(--primary);font-size:1.15rem;line-height:1.2;display:block}.work-history__stat span{color:var(--text-muted);margin-top:.2rem;font-size:.72rem;display:block}.work-history__stat--wide{grid-column:span 2}.work-history__timeline{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.work-history__item{grid-template-columns:14px 1fr;gap:.65rem;display:grid;position:relative}.work-history__item:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:14px;bottom:-.75rem;left:6px}.work-history__dot{background:var(--primary);border:2px solid var(--surface);width:12px;height:12px;box-shadow:0 0 0 1px var(--border);z-index:1;border-radius:50%;margin-top:4px}.work-history__item.status-semakan .work-history__dot{background:#2563eb}.work-history__item.status-tangguh .work-history__dot{background:#d97706}.work-history__item.status-selesai .work-history__dot{background:var(--success)}.work-history__item.status-dibatalkan .work-history__dot{background:#dc2626}.work-history__item--kemaskini .work-history__dot{background:#7c3aed}.work-history__title-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.work-history__body strong{font-size:.9rem}.work-history__body small{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;display:block}.work-history__by{opacity:.75;color:var(--text)!important}.work-history__note{color:var(--text);background:var(--surface);border-left:3px solid var(--primary);margin:.35rem 0 0;padding:.35rem .55rem;font-size:.82rem;line-height:1.4}.work-history__duration{font-style:italic;margin-top:.25rem!important}.work-history__tag{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.work-history__tag--kemaskini{color:#7c3aed;background:#f3e8ff}@media (width<=600px){.work-history__stat--wide{grid-column:span 1}}.track-page{animation:.3s fadeIn}.track-search{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.track-search__tabs{gap:.5rem;margin-bottom:1rem;display:flex}.track-search__tabs button{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.track-search__tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.track-search__input{gap:.75rem;display:flex}.track-search__input input{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex:1;padding:.65rem .85rem;font-size:.95rem}.track-search__input input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.track-not-found{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:3rem}.track-not-found span{margin-bottom:.75rem;font-size:2.5rem;display:block}.track-not-found p{color:var(--text-muted)}.track-results{flex-direction:column;gap:1.5rem;display:flex}.track-result{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;padding:2rem}.track-result__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.track-id{color:var(--text-muted);font-family:monospace;font-size:.85rem}.track-result__header h2{margin-top:.25rem;font-size:1.25rem}.status-badge{white-space:nowrap;border-radius:999px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.status-diterima{color:#1d4ed8;background:#dbeafe}.status-dalam_proses{color:#b45309;background:#fef3c7}.status-tangguh{color:#c2410c;background:#ffedd5}.status-semakan{color:#6d28d9;background:#ede9fe}.status-selesai{color:#047857;background:#d1fae5}.status-dibatalkan{color:#b91c1c;background:#fee2e2}.track-progress{background:var(--bg);border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.track-progress h3{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.track-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem}.stat-card.highlight{border-color:var(--primary);background:#2563eb0d}.stat-card.success{border-color:var(--success);background:#0596690d}.stat-card.cancelled{background:#dc26260d;border-color:#dc2626}.track-cancelled-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.track-cancelled-box h3{margin-bottom:.5rem;font-size:1rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem;display:block}.stat-card strong{color:var(--text);font-size:1rem}.track-details h3,.admin-notes h3,.timeline h3{color:var(--text);margin-bottom:.75rem;font-size:.95rem}.track-details dl{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.track-details dl .full{grid-column:1/-1}.track-details dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem}.track-details dd{margin:0;font-size:.95rem}.design-ready-box{border:2px solid var(--success);background:linear-gradient(135deg,#05966914,#2563eb0f);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.design-ready-box h3{color:var(--success);margin-bottom:.5rem;font-size:1.1rem}.design-ready-box>p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.design-review-box{background:linear-gradient(135deg,#6d28d914,#2563eb0f);border-color:#7c3aed}.design-review-box h3{color:#6d28d9}.admin-notes{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:1.5rem;padding:1rem}.admin-notes p{color:#92400e;line-height:1.5}.timeline{margin-top:1.5rem}.timeline ul{padding:0;list-style:none}.timeline li{gap:.75rem;padding:.5rem 0;display:flex;position:relative}.timeline li:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:24px;bottom:-4px;left:5px}.timeline-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.timeline li strong{font-size:.9rem;display:block}.timeline li small{color:var(--text-muted);font-size:.8rem}@media (width<=600px){.track-search__input{flex-direction:column}.track-details dl{grid-template-columns:1fr}}.admin-login{justify-content:center;padding:3rem 0;display:flex}.admin-login__card{background:var(--surface);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:2.5rem}.admin-login__icon{margin-bottom:1rem;font-size:2.5rem;display:block}.admin-login__card h2{margin-bottom:.5rem}.admin-login__card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.admin-login__card input{border:1px solid var(--border);text-align:left;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem;font-size:1rem}.admin-login__card .btn{width:100%}.admin-login__card .btn:disabled{opacity:.7;cursor:wait}.admin-loading{text-align:center;color:var(--text-muted);padding:3rem 1rem}.admin-page{animation:.3s fadeIn}.admin-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-page__header h1{margin-bottom:.25rem;font-size:1.5rem}.admin-page__header p{color:var(--text-muted);font-size:.9rem}.admin-summary{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:1.25rem}.summary-card strong{color:var(--text);font-size:2rem;display:block}.summary-card span{color:var(--text-muted);font-size:.85rem}.summary-card.highlight strong{color:var(--primary)}.summary-card.success strong{color:var(--success)}.admin-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-filters button{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;transition:all .2s}.admin-filters button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-collapse-all{margin-left:auto}.admin-collapse-all:hover{background:var(--bg);color:var(--text)}.admin-empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4rem 2rem}.admin-empty span{margin-bottom:.75rem;font-size:3rem;display:block}.admin-list{flex-direction:column;gap:1.25rem;display:flex}.admin-group{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.admin-group__header{background:var(--bg);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.25rem;font-family:inherit;transition:background .2s;display:flex}.admin-group__header:hover{background:#e8eef5}.admin-group__info{align-items:flex-start;gap:.75rem;min-width:0;display:flex}.admin-group__icon{flex-shrink:0;font-size:1.5rem;line-height:1}.admin-group__name{margin-bottom:.25rem;font-size:1.05rem}.admin-group__meta{color:var(--text-muted);flex-wrap:wrap;gap:.35rem .85rem;font-size:.8rem;display:flex}.admin-group__badges{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.admin-group__count{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.admin-group__pending{color:var(--primary);background:#eff6ff;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.admin-group__body{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.admin-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.admin-card.pending{border-left:4px solid var(--primary)}.admin-card.completed{border-left:4px solid var(--success);opacity:.85}.admin-card.on-hold{border-left:4px solid #ea580c}.admin-card.cancelled{opacity:.85;border-left:4px solid #dc2626}.admin-card__header{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;transition:background .2s;display:flex}.admin-card__header:hover{background:var(--bg)}.admin-card__id{color:var(--text-muted);font-family:monospace;font-size:.8rem}.admin-card__info h3{margin:.25rem 0;font-size:1.05rem}.admin-card__meta{color:var(--text-muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;display:flex}.admin-card__badges{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.new-badge{color:#dc2626;background:#fef2f2;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.file-badge{color:#2563eb;background:#eff6ff;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.output-badge{color:#047857;background:#d1fae5}.admin-output-section{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin:1.25rem 0;padding:1.25rem}.admin-output-section h4{margin-bottom:.35rem;font-size:.95rem}.admin-output-section>p{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.admin-output-btn{width:100%;margin-top:.75rem}.expand-icon{color:var(--text-muted);font-size:.75rem}.admin-card__body{border-top:1px solid var(--border);padding:0 1.25rem 1.25rem}.admin-card__stats{flex-wrap:wrap;gap:1.5rem;padding:1rem 0;display:flex}.admin-card__stats small{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;display:block}.admin-card__desc{color:var(--text);margin-bottom:.5rem;line-height:1.5}.admin-card__catatan{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.admin-card__progress{margin-bottom:1rem}.admin-card__actions label{margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.admin-card__actions textarea{border:1px solid var(--border);resize:vertical;border-radius:8px;width:100%;margin-bottom:.75rem;padding:.65rem;font-family:inherit;font-size:.9rem}.admin-notes-send{width:100%;margin-bottom:.75rem}.admin-notify-toggle{color:var(--text);cursor:pointer;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;font-size:.85rem;display:flex}.admin-notify-toggle input{margin-top:.15rem}.admin-status-hint{color:var(--text-muted);margin:0 0 .75rem;font-size:.78rem;line-height:1.4}.admin-email-notice{border-radius:6px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem}.admin-email-notice:not([data-warn]){color:var(--success);background:#05966914}.admin-email-notice[data-warn]{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.status-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn-status{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.45rem .85rem;font-size:.8rem;transition:all .2s}.btn-status:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-status--kemaskini{color:#6d28d9;background:#f3e8ff;border-color:#a78bfa;font-weight:600}.btn-status--kemaskini:hover:not(:disabled){color:#fff;background:#7c3aed;border-color:#7c3aed}.btn-status.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-status--tangguh.active{background:#ea580c;border-color:#ea580c}.btn-status--tangguh:hover:not(:disabled):not(.active){color:#ea580c;border-color:#ea580c}.btn-status--dibatalkan.active{background:#dc2626;border-color:#dc2626}.btn-status--dibatalkan:hover:not(:disabled):not(.active){color:#dc2626;border-color:#dc2626}.btn-status:disabled{opacity:.6;cursor:default}.admin-delete-section{border-top:1px dashed var(--border);margin-top:1.25rem;padding-top:1.25rem}.admin-delete-section p{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:default}.admin-date-edit{flex-direction:column;gap:.35rem;display:flex}.admin-date-edit small{color:var(--text-muted);font-size:.75rem}.admin-date-edit__row{align-items:center;gap:.5rem;display:flex}.admin-date-edit__row input{border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.admin-date-edit__row .btn{padding:.4rem .75rem;font-size:.8rem}.admin-date-notice{color:var(--text-muted);font-size:.75rem}@media (width<=768px){.admin-summary{grid-template-columns:repeat(2,1fr)}.admin-group__header{flex-direction:column}.admin-group__badges{justify-content:flex-start;width:100%}}@media (width<=600px){.admin-summary{grid-template-columns:1fr}.admin-card__header{flex-direction:column}}.work-page{max-width:960px}.work-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.work-page__header h1{margin-bottom:.35rem}.work-page__header p{color:var(--text-muted);margin:0}.work-page__actions{flex-wrap:wrap;gap:.5rem;display:flex}.work-summary{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.work-summary .summary-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:1rem}.work-summary .summary-card strong{color:var(--text);font-size:1.75rem;display:block}.work-summary .summary-card span{color:var(--text-muted);font-size:.85rem}.work-summary .summary-card.highlight{background:#fffbeb;border-color:#fbbf24}.work-summary .summary-card.danger{background:#fef2f2;border-color:#f87171}.work-summary .summary-card.danger strong{color:#dc2626}.work-summary .summary-card.success{background:#ecfdf5;border-color:#34d399}.work-legend{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.work-legend__note{color:var(--text-muted);margin-left:auto;font-size:.8rem}.work-urgency{white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.work-urgency.urgency-overdue{color:#b91c1c;background:#fee2e2}.work-urgency.urgency-today{color:#c2410c;background:#ffedd5}.work-urgency.urgency-urgent{color:#ea580c;background:#ffedd5}.work-urgency.urgency-soon{color:#a16207;background:#fef9c3}.work-urgency.urgency-ok{color:#047857;background:#ecfdf5}.work-queue h2{margin-bottom:.35rem}.work-queue__desc{color:var(--text-muted);margin:0 0 .75rem;font-size:.88rem}.work-queue--empty .work-queue__desc{margin-bottom:0}.work-sections{flex-direction:column;gap:1.5rem;display:flex}.work-queue__list{flex-direction:column;gap:.75rem;display:flex}.work-row{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;padding:1rem 1.1rem;display:grid}.work-row.urgency-overdue{border-left-color:#ef4444}.work-row.urgency-today,.work-row.urgency-urgent{border-left-color:#f97316}.work-row.urgency-soon{border-left-color:#eab308}.work-row__rank{background:var(--bg);width:2rem;height:2rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.work-row__top{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.work-row__id{color:var(--text-muted);font-family:monospace;font-size:.75rem}.work-row__main h3{margin:0 0 .4rem;font-size:1rem}.work-row__meta{color:var(--text-muted);flex-wrap:wrap;gap:.35rem .75rem;font-size:.82rem;display:flex}.work-row__due{text-align:right;min-width:8.5rem}.work-row__due small{color:var(--text-muted);font-size:.72rem;display:block}.work-row__due strong{margin-bottom:.35rem;display:block}.work-row__due strong.muted{color:var(--text-muted);font-weight:500}.work-row__submitted{margin-top:.35rem}.work-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.work-empty span{margin-bottom:.5rem;font-size:2.5rem;display:block}@media (width<=720px){.work-summary{grid-template-columns:repeat(2,1fr)}.work-row{grid-template-columns:auto 1fr}.work-row__due{text-align:left;border-top:1px solid var(--border);grid-column:1/-1;padding-top:.5rem}.work-legend__note{width:100%;margin-left:0}}.capacity-page{animation:.3s fadeIn}.capacity-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.capacity-page__header h1{margin-bottom:.25rem;font-size:1.5rem}.capacity-page__header p{color:var(--text-muted);font-size:.9rem}.capacity-notice{color:var(--success);margin-bottom:1rem;font-size:.9rem}.capacity-empty{text-align:center;color:var(--text-muted);padding:3rem}.capacity-section{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.capacity-section h2{color:var(--text);margin-bottom:1rem;font-size:1.1rem}.capacity-section h3{color:var(--primary);margin:1.25rem 0 .75rem;font-size:.95rem}.capacity-section__hint{color:var(--text-muted);margin:-.35rem 0 .85rem;font-size:.8rem;line-height:1.4}.capacity-limit-row{align-items:center;gap:.5rem;display:flex}.capacity-limit-row input{border:1px solid var(--border);border-radius:8px;width:5rem;padding:.5rem .65rem;font-size:1rem}.capacity-limit-row span{color:var(--text-muted);font-size:.9rem}.capacity-min-days-table-wrap{margin-bottom:1.25rem;overflow-x:auto}.capacity-min-days-table{border-collapse:collapse;width:100%;font-size:.9rem}.capacity-min-days-table th,.capacity-min-days-table td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem .75rem}.capacity-min-days-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.75rem}.capacity-min-days-input{align-items:center;gap:.45rem;display:flex}.capacity-min-days-input input{border:1px solid var(--border);border-radius:6px;width:4.5rem;padding:.4rem .5rem;font-size:.9rem}.capacity-min-days-input span{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.capacity-settings-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.capacity-design-types{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.capacity-design-type{border:1px solid var(--border);background:var(--bg);border-radius:8px;min-width:0;padding:.75rem;overflow:hidden}.capacity-design-type strong{margin-bottom:.5rem;font-size:.9rem;display:block}.capacity-design-type__fields{grid-template-columns:1fr 1fr;gap:.5rem;min-width:0;display:grid}.capacity-design-type__fields label{color:var(--text-muted);flex-direction:column;gap:.25rem;min-width:0;font-size:.75rem;display:flex}.capacity-design-type__fields input{box-sizing:border-box;border:1px solid var(--border);border-radius:6px;width:100%;min-width:0;max-width:100%;padding:.4rem .5rem;font-size:.85rem}.capacity-section__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.capacity-section__toolbar h2{margin-bottom:0}.capacity-month-nav{align-items:center;gap:.75rem;display:flex}.capacity-month-nav .btn{padding:.4rem .75rem}.capacity-legend{color:var(--text-muted);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.8rem;display:flex}.capacity-closure-filter{flex-direction:column;gap:.35rem;max-width:28rem;margin-bottom:1rem;display:flex}.capacity-closure-filter label{color:var(--text);font-size:.85rem;font-weight:600}.capacity-closure-filter select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.5rem .65rem;font-size:.9rem}.capacity-closure-filter small{color:var(--text-muted);font-size:.78rem;line-height:1.4}.capacity-partial-hint{color:#c2410c;margin-top:.15rem;font-size:.72rem;display:block}.capacity-table-wrap{overflow-x:auto}.capacity-table{border-collapse:collapse;width:100%;font-size:.85rem}.capacity-table th,.capacity-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}.capacity-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.capacity-day-input{border:1px solid var(--border);border-radius:6px;width:4rem;padding:.35rem .5rem;font-size:.85rem}.capacity-status{border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.capacity-status--available{color:var(--success);background:#ecfdf5}.capacity-status--full{color:#dc2626;background:#fef2f2}.capacity-status--closed{color:var(--text-muted);background:#f1f5f9}.capacity-status--partial{color:#c2410c;background:#fff7ed}.capacity-toggle-btn{padding:.35rem .65rem;font-size:.75rem}.capacity-row--near td:first-child{border-left:3px solid #d97706}.capacity-row--full td:first-child{border-left:3px solid #dc2626}.capacity-row--closed td:first-child{border-left:3px solid var(--text-muted)}@media (width<=768px){.capacity-design-types{grid-template-columns:1fr}}.work-report{animation:.3s fadeIn}.work-report__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.work-report__toolbar h1{margin-bottom:.25rem;font-size:1.5rem}.work-report__toolbar p{color:var(--text-muted);margin:0;font-size:.9rem}.work-report__toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.work-report__filters,.work-report__email{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex}.work-report__filters .form-group,.work-report__email .form-group{min-width:11rem;margin:0}.work-report__filters label,.work-report__email label{margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.work-report__filters input,.work-report__email input{border:1px solid var(--border);border-radius:8px;width:100%;padding:.5rem .65rem;font-family:inherit;font-size:.9rem}.work-report__notice{color:var(--success);background:#05966914;border-radius:8px;margin:0 0 1rem;padding:.6rem .85rem;font-size:.88rem}.work-report__notice[data-warn]{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.work-report__print-area{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.25rem 1.35rem}.work-report__print-header h2{margin:0 0 .35rem;font-size:1.2rem}.work-report__print-header p{color:var(--text-muted);margin:.15rem 0;font-size:.9rem}.work-report__generated{font-size:.78rem!important}.work-report__stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;margin:1.1rem 0 1.25rem;display:grid}.work-report__stat{border:1px solid var(--border);background:var(--bg);text-align:center;border-radius:8px;padding:.7rem .75rem}.work-report__stat strong{color:var(--primary);font-size:1.15rem;line-height:1.2;display:block}.work-report__stat span{color:var(--text-muted);margin-top:.25rem;font-size:.72rem;display:block}.work-report__empty{color:var(--text-muted);margin:.5rem 0 0;font-size:.9rem}.work-report__table-wrap{overflow-x:auto}.work-report__table{border-collapse:collapse;width:100%;font-size:.82rem}.work-report__table th,.work-report__table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .5rem}.work-report__table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);white-space:nowrap;font-size:.72rem}.work-report__table .muted{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.work-report__hint{color:var(--text-muted);max-width:14rem;font-size:.75rem;line-height:1.35}@media print{.no-print,.header,.footer,.firebase-banner{display:none!important}.layout,.main,.work-report{box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.work-report__print-area{box-shadow:none!important;border:none!important;padding:0!important}.work-report__table{font-size:10pt}.work-report__stat,.work-report__table tr{break-inside:avoid}}