:root{--bg: #0f1220;--panel: #171a2b;--muted: #8a90b4;--text: #e6e9ff;--accent: #7c9cff;--accent-2: #42d392;--border: #2a2f4a;--card-background: rgba(255, 255, 255, .05);--danger: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 80% -100px,#1a1d30 0%,var(--bg) 55%);color:var(--text);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width: 767px){html,body,#root{height:auto;min-height:100vh}}.container{display:grid;grid-template-columns:220px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100%}.sidebar{grid-area:sidebar;border-right:1px solid var(--border);background:linear-gradient(180deg,#15182a,#101326);padding:12px}.header{grid-area:header;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#14172a,#101326);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.main{grid-area:main;display:flex;gap:12px;padding:12px;height:calc(100vh - 60px);overflow:hidden}.main-left{flex:1;display:flex;flex-direction:column;gap:12px;min-width:300px;overflow:hidden}.main-right{width:320px;display:flex;flex-direction:column;gap:12px;min-width:280px;overflow:hidden;height:100%}.resize-handle{width:6px;background:var(--border);cursor:col-resize;transition:background .2s;position:relative;margin:0 2px}.resize-handle:hover,.resize-handle.dragging{background:var(--accent)}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:20px;background:var(--muted);border-radius:1px}.vertical-resize-handle{height:6px;background:var(--border);cursor:row-resize;transition:background .2s;position:relative;margin:2px 0}.vertical-resize-handle:hover,.vertical-resize-handle.dragging{background:var(--accent)}.vertical-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:2px;width:20px;background:var(--muted);border-radius:1px}.card{background:linear-gradient(180deg,#171a2b,#12152a);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 1px #ffffff08 inset,0 8px 30px #00000040}.title{font-size:14px;color:var(--muted);margin:0 0 8px}.job-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer}.job-item.active{background:#7c9cff1f}.job-item:hover{background:#7c9cff14}.button{background:linear-gradient(180deg,#2a335a,#21274a);border:1px solid #3a4370;color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.button.ghost{background:transparent;border:1px solid var(--border)}.button:disabled{opacity:.6;cursor:not-allowed}.toolbar{display:flex;gap:8px;align-items:center}.note-editor{width:100%;height:calc(100% - 40px);resize:none;background:transparent;border:none;outline:none;color:var(--text);font-size:15px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap}.date-display{font-weight:700}.muted{color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-cell{border:1px solid var(--border);border-radius:10px;padding:6px;min-height:64px;position:relative;cursor:pointer;background:#14172a}.calendar-cell.has-notes{outline:2px solid rgba(124,156,255,.35)}.calendar-cell.today{border-color:var(--accent-2)}.calendar-cell .day{position:absolute;top:6px;right:8px;color:var(--muted);font-size:12px}.calendar-cell .dot{position:absolute;bottom:6px;left:8px;width:6px;height:6px;background:var(--accent);border-radius:999px}.spacer{flex:1}.jobs-input{width:100%;background:transparent;border:1px dashed var(--border);border-radius:8px;padding:8px;color:var(--text)}@media (max-width: 767px){.container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "sidebar" "main";min-height:100vh;height:auto;overflow:visible}.sidebar{grid-area:sidebar;border-right:none;border-bottom:1px solid var(--border);padding:8px;max-height:none;overflow-y:visible;position:sticky;top:0;z-index:10;background:var(--bg)}.header{grid-area:header;padding:0 8px;min-height:50px;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border)}.main{grid-area:main;flex-direction:row;padding:8px;gap:8px;height:auto;min-height:calc(100vh - 200px);overflow-x:auto;overflow-y:visible}.main-left{min-width:320px;width:50vw;flex-shrink:0;min-height:calc(100vh - 220px)}.main-right{min-width:320px;width:50vw;flex-shrink:0;height:auto;min-height:calc(100vh - 220px)}.main-right .card{min-height:calc(100vh - 260px);display:flex;flex-direction:column}.main-right .card>div:last-child{flex:1;display:flex;flex-direction:column}.main-right .toolbar{flex-shrink:0;margin-bottom:8px}.calendar-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr)}.resize-handle{display:none}.calendar-grid{gap:2px;width:100%;max-width:none}.calendar-cell{min-height:44px;font-size:.875rem;aspect-ratio:1}.calendar-cell .day{font-size:11px;top:4px;right:6px}.calendar-cell .dot{bottom:4px;left:6px;width:6px;height:6px}.toolbar .button{min-height:44px;font-size:.875rem;padding:.75rem}.main-right .card>div:first-child{flex-wrap:wrap;gap:4px}.main-right .card>div:first-child button{font-size:.75rem!important;padding:.5rem .25rem!important;min-width:0;flex:1}.card{padding:8px!important}.button{min-height:44px;padding:.75rem 1rem;font-size:.875rem}.button.ghost{min-height:38px;padding:.5rem .75rem}.job-item{padding:12px 8px;flex-direction:column;align-items:flex-start;gap:8px}.job-item button{align-self:flex-end;font-size:.75rem;padding:.25rem .5rem}.toolbar{flex-wrap:wrap;gap:4px}.toolbar .button{font-size:.75rem;padding:.5rem .75rem;min-height:36px}.note-editor{font-size:.875rem;line-height:1.4}.task-item{padding:8px;font-size:.875rem}input,textarea{font-size:16px;padding:12px 8px}div[style*="position: fixed"][style*="bottom: 8px"][style*="left: 8px"]{bottom:4px!important;left:4px!important;font-size:10px!important;padding:2px 4px!important}div[style*="position: fixed"][style*="bottom: 8px"][style*="right: 8px"]{bottom:4px!important;right:4px!important;font-size:10px!important;padding:2px 4px!important;flex-direction:column;gap:2px!important}}@media (min-width: 768px) and (max-width: 1023px){.container{grid-template-columns:180px 1fr;height:100vh;overflow:hidden}.sidebar{padding:8px;overflow-y:auto}.main{overflow:hidden;padding:8px;gap:8px}.main-left{min-width:250px;overflow-y:auto}.main-right{width:280px;min-width:250px;overflow-y:auto;display:flex;flex-direction:column}.main-right .card{display:flex;flex-direction:column;min-height:0;flex:1}.main-right .card>div:last-child{flex:1;overflow-y:auto;min-height:0}.calendar-grid{gap:3px}.calendar-cell{min-height:40px}}@media (max-width: 767px) and (orientation: landscape){.main{overflow-x:visible;overflow-y:auto;min-height:calc(100vh - 120px)}.main-left,.main-right{min-width:280px;width:45vw;min-height:calc(100vh - 140px)}.main-right .card{min-height:calc(100vh - 180px)}.sidebar{max-height:none;overflow-y:auto}}@media (hover: none) and (pointer: coarse){.button:hover{background:var(--accent);transform:none}.job-item:hover{background:#ffffff14}.calendar-cell:hover{background:#7c9cff1a}.calendar-cell{min-height:44px}*:hover{transition:none}}.sidebar-toggle-flap{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:24px;height:60px;background:var(--accent);border:1px solid var(--accent-2);border-left:none;border-radius:0 8px 8px 0;color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:10;transition:all .2s ease;box-shadow:2px 0 8px #0000004d}.sidebar-toggle-flap:hover{background:var(--accent-2);transform:translateY(-50%) translate(2px);box-shadow:3px 0 12px #0006}.toggle-arrow-desktop{display:block}.toggle-arrow-mobile{display:none}.sidebar{position:relative}.container.projects-collapsed{grid-template-columns:40px 1fr!important}.container.projects-collapsed .sidebar{width:40px;padding:8px;transition:all .3s ease;overflow:visible}@media (max-width: 767px){.sidebar{position:relative;overflow:visible}.toggle-arrow-desktop{display:none}.toggle-arrow-mobile{display:block}.sidebar-toggle-flap{position:relative;right:auto;bottom:auto;left:auto;top:auto;transform:none;width:100%;height:32px;font-size:12px;border-radius:6px;border:1px solid var(--accent-2);z-index:20;background:var(--accent);color:var(--bg);font-weight:700;margin-top:8px}.container.projects-collapsed{grid-template-columns:1fr!important;grid-template-areas:"header" "main"!important}.container.projects-collapsed .sidebar{position:fixed;top:60px;left:0;width:auto;height:auto;z-index:100;background:transparent;border:none;border-radius:0;padding:4px;display:flex;align-items:flex-start;justify-content:flex-start;overflow:visible}.container.projects-collapsed .sidebar-toggle-flap{position:relative;right:auto;bottom:auto;left:auto;top:auto;transform:none;width:48px;height:32px;border-radius:6px;border:1px solid var(--accent-2);font-size:12px;margin:0;box-shadow:0 2px 8px #0000004d}}@media (min-width: 768px) and (max-width: 1023px){.container.projects-collapsed{grid-template-columns:40px 1fr!important}.container.projects-collapsed .sidebar{width:40px;padding:4px}}