:root{color:#172033;font-synthesis:none;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f8fb;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#fff;background:#111827;flex-direction:column;gap:6px;width:220px;padding:22px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{padding:8px 10px 22px;font-size:20px;font-weight:800}.nav-item{color:#cbd5e1;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1f2937}.main{min-height:100vh;margin-left:220px}.page{max-width:1400px;margin:0 auto;padding:34px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.page-head h1{margin:0;font-size:30px}.page-head p{color:#64748b;margin:7px 0 0}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 3px 14px #0f172a0a}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{flex-direction:column;gap:8px;display:flex}.metric span{color:#64748b;font-size:13px}.metric strong{font-size:26px}.timeline-row{border-top:1px solid #edf2f7;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;padding:14px 0;display:grid}.time-label{font-variant-numeric:tabular-nums;color:#64748b}.block-summary>div{align-items:center;gap:10px;display:flex}.block-summary small{color:#64748b}.status{background:#eef2ff;border-radius:999px;padding:3px 7px;font-size:11px}.status.completed{background:#dcfce7}.status.skipped{background:#fee2e2}.status.shortened{background:#fef3c7}.row-actions,.toolbar,.modal-actions{align-items:center;gap:8px;display:flex}.row-actions button,.toolbar button,.modal-actions button,.file-btn{background:#fff;border:1px solid #dbe2ea;border-radius:9px;padding:8px 11px}.primary{color:#fff;align-items:center;gap:6px;display:inline-flex;background:#111827!important;border-color:#111827!important}.danger{color:#b91c1c}.week-grid{grid-template-columns:repeat(7,minmax(160px,1fr));gap:10px;display:grid;overflow-x:auto}.day-column{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:650px;padding:10px}.day-head{justify-content:space-between;align-items:center;padding:8px 6px;display:flex}.day-head.today{color:#2563eb}.day-head span{font-size:22px;font-weight:700}.add-day{color:#64748b;background:0 0;border:1px dashed #cbd5e1;border-radius:8px;width:100%;margin-bottom:8px;padding:5px}.calendar-block{text-align:left;background:#f8fafc;border:0;border-left:4px solid #64748b;border-radius:9px;flex-direction:column;gap:3px;width:100%;margin:5px 0;padding:9px;display:flex}.calendar-block span,.calendar-block small{color:#64748b;font-size:11px}.cat-Study{border-color:#2563eb}.cat-Music{border-color:#7c3aed}.cat-Fitness{border-color:#059669}.cat-Planning{border-color:#d97706}.cat-Personal-Project{border-color:#db2777}.modal-backdrop{z-index:30;background:#0f172a66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(560px,100%);padding:22px;box-shadow:0 25px 80px #0f172a40}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal h3{margin-top:0}.icon-btn{background:0 0;border:0}.modal label,.journal-form label{color:#334155;flex-direction:column;gap:6px;margin:12px 0;font-size:14px;display:flex}.modal input,.modal textarea,.modal select,.journal-form textarea,.task-add input{background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px}.modal textarea,.journal-form textarea{resize:vertical;min-height:90px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;margin-top:18px}.modal-actions>span{flex:1}.day-pills{gap:7px;margin-top:8px;display:flex}.day-pills button{background:#fff;border:1px solid #cbd5e1;border-radius:50%;width:36px;height:36px}.day-pills .selected{color:#fff;background:#111827}.label-text{color:#334155;font-size:14px}.card-list{gap:12px;display:grid}.routine-card{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.routine-card h3{margin:0 0 4px}.routine-card p{color:#64748b;margin:0}.task-add{gap:8px;margin-bottom:12px;display:flex}.task-add input{flex:1}.task-row{border-top:1px solid #edf2f7;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.task-row button{background:0 0;border:0;font-size:20px}.done{color:#94a3b8;text-decoration:line-through}.journal-layout{grid-template-columns:2fr 1fr;gap:16px;display:grid}.journal-form label>small{color:#64748b}.history-row{border-top:1px solid #edf2f7;flex-direction:column;gap:3px;padding:10px 0;display:flex}.history-row span{color:#64748b;font-size:13px}.empty{text-align:center;color:#94a3b8;padding:32px 12px}.muted{color:#64748b}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf2f7;padding:10px}.file-btn{display:inline-block}.bottom-nav{display:none}@media (width<=850px){.sidebar{display:none}.main{margin-left:0;padding-bottom:76px}.page{padding:20px 14px}.bottom-nav{z-index:20;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#64748b;flex-direction:column;align-items:center;gap:3px;padding:10px 5px 8px;font-size:10px;text-decoration:none;display:flex}.bottom-nav a.active{color:#111827}.metric-grid{grid-template-columns:1fr 1fr}.page-head{flex-direction:column}.journal-layout{grid-template-columns:1fr}.timeline-row{grid-template-columns:80px 1fr}.row-actions{flex-wrap:wrap;grid-column:2}.week-grid{grid-template-columns:repeat(7,78vw)}.two{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}}@media (prefers-color-scheme:dark){:root{color:#e5e7eb;background:#0f172a}body,.main{background:#0f172a}.card,.day-column,.modal{background:#111827;border-color:#263244}.page-head p,.time-label,.block-summary small,.calendar-block span,.calendar-block small,.routine-card p,.muted,.history-row span{color:#94a3b8}.calendar-block{color:#e5e7eb;background:#1f2937}.modal input,.modal textarea,.modal select,.journal-form textarea,.task-add input{color:#fff;background:#0f172a;border-color:#334155}.row-actions button,.toolbar button,.modal-actions button,.file-btn,.day-pills button{color:#e5e7eb;background:#111827;border-color:#334155}.bottom-nav{background:#111827;border-color:#263244}.task-row,.timeline-row,th,td,.history-row{border-color:#263244}}