:root{--primary: #4F46E5;--primary-hover: #4338CA;--bg: #F9FAFB;--surface: #FFFFFF;--text: #111827;--text-muted: #6B7280;--border: #E5E7EB;--danger: #EF4444;--selected: rgba(79, 70, 229, .2)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.container{max-width:900px;margin:0 auto;padding:2rem}.card{background:var(--surface);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;margin-bottom:2rem}button{background-color:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:auto}button.full-width{width:100%}button:hover{background-color:var(--primary-hover)}button.outline{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}button.outline:hover{background-color:var(--bg)}button.danger{background-color:transparent;color:var(--danger);border:1px solid var(--danger)}button.danger:hover{background-color:#fef2f2}input,textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-top:.5rem;margin-bottom:1.5rem;box-sizing:border-box}label{font-weight:600;font-size:.875rem;color:var(--text);display:block}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary);cursor:pointer}.header p{color:var(--text-muted);font-size:1.125rem;margin-top:0}.form-group{margin-bottom:.5rem}.row{display:flex;gap:1rem}.row>*{flex:1}.grid-container{overflow-x:auto;margin-top:2rem;-webkit-user-select:none;user-select:none}.time-grid{display:flex;min-width:max-content;border-top:1px solid var(--border);border-left:1px solid var(--border)}.time-column{flex:1;min-width:100px}.time-header{text-align:center;padding:1rem 0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);font-weight:600}.time-cell{height:30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);box-sizing:border-box;cursor:pointer;transition:background-color .1s}.time-cell:hover{background-color:#f3f4f6}.time-cell.selected{background-color:var(--selected)}.time-cell.heatmap{background-color:var(--primary)}.time-labels{width:60px;flex-shrink:0;border-right:1px solid var(--border)}.time-label-cell{height:30px;border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:.75rem;color:var(--text-muted);transform:translateY(-15px)}