*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;color:#1a1a1a;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:24px}.header{text-align:center;margin-bottom:32px}.header h1{font-size:2rem;font-weight:600;margin-bottom:8px}.header p{color:#666;font-size:1.1rem}.view-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.view-tabs button{padding:8px 20px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .15s}.view-tabs button:hover{background:#f0f0f0}.view-tabs button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.timeline-container{height:600px;padding:16px}.week-container{height:600px}.month-container{padding:16px}.custom-event{padding:4px 8px;border-radius:4px;font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:opacity .15s}.custom-event:hover{opacity:.9}.footer{text-align:center;margin-top:32px;color:#888;font-size:14px}.footer a{color:#3b82f6;text-decoration:none}.footer a:hover{text-decoration:underline}