:root{--bg-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #000000;--primary-color: #3b82f6;--primary-hover: #2563eb;--event-red-bg: #fee2e2;--event-red-text: #991b1b;--event-red-border: #fca5a5;--event-green-bg: #dcfce7;--event-green-text: #166534;--event-green-border: #86efac;--event-blue-bg: #dbeafe;--event-blue-text: #1e40af;--event-blue-border: #93c5fd;--event-yellow-bg: #fef9c3;--event-yellow-text: #854d0e;--event-yellow-border: #fde047;--event-default-bg: #f1f5f9;--event-default-text: #475569;--event-default-border: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased}#root{max-width:98vw;margin:0 auto;padding:.5rem}.app-container{background:var(--surface-color);border-radius:8px;box-shadow:0 0 20px #00000080;overflow:hidden;display:flex;flex-direction:column;height:98vh;border:4px solid #000}.header{padding:.5rem 2rem;border-bottom:2px solid #000;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;top:0;z-index:10}.date-nav{display:flex;align-items:center;gap:1rem;position:absolute;left:50%;transform:translate(-50%);flex-wrap:nowrap}.nav-btn{background:#fff;border:1px solid #cbd5e1;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s;color:#0f172a;font-weight:600;white-space:nowrap;box-shadow:0 1px 2px #0000000d;font-size:1.1rem}.nav-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.current-date{font-size:2rem;font-weight:800;min-width:300px;text-align:center;color:#000}.schedule-list{flex:1;padding:.4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;background-color:#cbd5e1;border:3px solid #000;border-radius:8px;grid-auto-rows:minmax(var(--min-row-height, 50px),1fr);align-content:stretch;overflow-y:hidden;overflow-x:hidden}.user-row{display:flex;align-items:center;padding:var(--row-padding, .25rem .5rem);border:2px solid #000;border-radius:6px;background:#fff;height:100%;box-sizing:border-box;overflow:visible;transition:background-color .3s;position:relative}.user-row.status-green{background-color:#bbf7d0;border-color:#4ade80}.user-row.status-red{background-color:#fecaca;border-color:#f87171}.user-row.status-blue{background-color:#bfdbfe;border-color:#60a5fa}.user-row.status-gray{background-color:#f3f4f6;border-color:#9ca3af}.user-row.status-yellow{background-color:#fef08a;border-color:#fde047}.user-row:hover{background-color:#e2e8f0;border-color:var(--primary-color)}.user-name{width:5em;min-width:5em;font-weight:900;flex-shrink:0;color:#000;font-size:var(--name-font-size, .85rem);white-space:nowrap;overflow:hidden;text-shadow:1px 1px 0px #fff}.events-cbody{margin:0;display:flex;place-items:flex-start;min-width:320px;min-height:100vh;background-color:#f8fafc;color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.events-container{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;width:100%;overflow:hidden;align-items:stretch;height:100%;padding:4px 0}.event-card{padding:2px .5rem;border-radius:4px;border:2px solid #000;border-left-width:10px;font-size:var(--event-font-size, 1rem);display:flex;align-items:center;justify-content:space-between;gap:.5rem;box-shadow:none;background-color:#fff;transition:transform .2s;flex:1;min-width:0;white-space:nowrap;overflow:hidden;height:auto;min-height:0;box-sizing:border-box;font-weight:900;line-height:1.3}.event-title{overflow:hidden;text-overflow:ellipsis;flex:1;font-weight:700;color:#000}.event-time{font-size:1em;font-weight:900;opacity:1;white-space:nowrap;color:#000}.event-red{background-color:#fee2e2;color:#000;border-color:#dc2626!important;border-left-color:#ef4444!important}.event-blue{background-color:#dbeafe;color:#000;border-color:#3b82f6!important;border-left-color:#3b82f6!important}.event-green{background-color:#dcfce7;color:#000;border-color:#22c55e!important;border-left-color:#22c55e!important}.event-gray{background-color:#f3f4f6;color:#000;border-color:#9ca3af!important;border-left-color:#9ca3af!important}.event-yellow{background-color:#fef9c3;color:#000;border-color:#facc15!important;border-left-color:#facc15!important}.event-default{background-color:var(--event-default-bg);color:var(--event-default-text);border-color:var(--event-default-border)}::-webkit-scrollbar{width:0px;display:none}::-webkit-scrollbar-track{background:transparent;display:none}::-webkit-scrollbar-thumb{background:transparent;display:none}::-webkit-scrollbar-thumb:hover{background:transparent;display:none}.loading{color:#fff;text-align:center;padding:2rem;font-size:1.5rem;font-weight:700}