*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#e5e7eb;background-color:#0f172a;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}button{color:#111;cursor:pointer;background-color:#c9a227;border:none;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:700;transition:background-color .2s,transform .1s}button:hover{background-color:#e6c200}button:active{transform:translateY(1px)}input,select,textarea{color:#fff;background:#1f2937;border:1px solid #444;border-radius:6px;width:100%;max-width:320px;margin-top:4px;margin-bottom:14px;padding:10px;font-size:14px}input:focus,select:focus,textarea:focus{outline-offset:1px;border-color:#c9a227;outline:2px solid #c9a227}label{margin-bottom:4px;font-weight:600;display:block}table{border-collapse:collapse;background:#1f2937;border-radius:10px;width:100%;margin-top:15px;overflow:hidden}th{color:#111;text-align:left;background-color:#c9a227;padding:12px;font-size:14px}td{vertical-align:top;border-top:1px solid #374151;padding:12px;font-size:14px}td input,td select{background:#0f172a;border:1px solid #4b5563;max-width:100%;margin:0}td button{margin-bottom:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#c9a227;background-color:#000;border-right:2px solid #c9a227;flex-shrink:0;width:240px;padding:24px 18px}.sidebar-brand h2{color:#c9a227;margin:0 0 6px;font-size:22px}.sidebar-brand p{color:#999;margin:0 0 24px;font-size:13px}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-nav a{color:#e5e7eb;border-radius:6px;padding:10px 12px;transition:background-color .2s,color .2s;display:block}.sidebar-nav a:hover{color:#111;background-color:#c9a227}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#000;border-bottom:2px solid #c9a227;padding:20px 24px}.topbar h1{color:#c9a227;margin:0;font-size:24px}.page-content{padding:24px}.card{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0009}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.summary-box{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:18px;box-shadow:0 1px 3px #0009}.summary-box h4{color:#c9a227;margin:0 0 8px;font-size:14px}.summary-box p{color:#fff;margin:0;font-size:24px;font-weight:700}.form-card{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0009}.logo{width:200px;margin-bottom:10px}.filter-bar{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:20px;display:flex}.filter-bar>div{min-width:220px}.phase-card{background:#111827;border:1px solid #374151;border-radius:12px;margin-bottom:18px;padding:18px}.task-items-card{background:#0f172a;border:1px solid #374151;border-radius:10px;margin-bottom:16px;padding:16px}.phase-stack{flex-direction:column;gap:16px;display:flex}.task-stack{flex-direction:column;gap:12px;margin-top:14px;display:flex}.task-row{background:#0b1220;border:1px solid #374151;border-radius:10px;padding:14px}.task-row-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-row-title{color:#f3f4f6;font-size:16px;font-weight:700}.task-row-subtitle{color:#9ca3af;margin-top:4px;font-size:13px}.task-row-total{color:#f8d24b;font-weight:700}.muted-text{color:#9ca3af}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.inline-actions button{width:auto}.inline-edit-row{background:#c9a22714}.inline-edit-total{color:#f8d24b;white-space:nowrap;font-weight:700}.section-divider{background:#374151;height:1px;margin:16px 0}.empty-state{color:#9ca3af;background:#111827;border:1px dashed #4b5563;border-radius:10px;padding:14px}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{border-bottom:2px solid #c9a227;border-right:none;width:100%}.page-content{padding:16px}.summary-grid{grid-template-columns:1fr}input,select,textarea{max-width:100%}}@media (width<=640px){.topbar{padding:16px}.topbar h1{font-size:20px}.card,.form-card,.phase-card,.task-items-card{padding:16px}th,td{padding:10px;font-size:13px}button{width:100%}.inline-actions{flex-direction:column}.inline-actions button{width:100%}}