.container{width:100%;margin:0 auto}.btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a}.btn-primary{background:#6200ee;color:#fff}.btn-secondary{background:#fff;border:1px solid #ddd}.btn-danger{background:#d32f2f;color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:2rem;border-radius:8px;text-align:center}.spreadsheet{width:100%;border-collapse:collapse;margin-top:1rem}.spreadsheet th,.spreadsheet td{border:1px solid #ddd;padding:5px 10px;text-align:center}.spreadsheet th{background-color:#f7f7f7;font-weight:600}.spreadsheet tbody tr:hover{background-color:#f5f5f5}.spreadsheet td:last-child{white-space:nowrap}.progress-bar-container{background-color:#e0e0e0;border-radius:4px;height:10px;position:relative}.progress-bar{background-color:#6200ee;height:100%;border-radius:4px}.date-indicator{position:absolute;top:-2px;bottom:-2px;width:2px;background-color:red;transform:translate(-50%)}#root{margin:0 auto}.app-container{margin:0 auto;font-family:Helvetica,Arial,sans-serif}.app-header{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:1rem 2rem}.app-nav{display:flex;gap:20px;align-items:center}.app-nav h1{margin:0}.app-nav img{height:40px}.app-nav a{text-decoration:none;color:#6200ee}.app-main{margin-top:2rem;padding:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}