*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{--purple-light:#ede9ff;--purple-mid:#7f77dd;--purple-dark:#3c3489;--blue-light:#def;--blue-mid:#378add;--blue-dark:#185fa5;--green-light:#e2f0cc;--green-mid:#639922;--green-dark:#3b6d11;--bg:#f7f8fc;--surface:#fff;--border:#e4e6ef;--border-light:#f0f2f8;--text-primary:#1a1d2e;--text-secondary:#5b607a;--text-muted:#9ca3c2;--accent:#7f77dd;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024;--sidebar-w:240px;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);min-height:100vh;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.app-loading{height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;font-weight:500;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--purple-mid);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:20px 16px;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:4px;padding:4px 4px 16px;display:flex}.brand-icon{font-size:28px}.brand-title{color:var(--text-primary);font-size:16px;font-weight:700}.brand-sub{color:var(--text-muted);margin-top:1px;font-size:11px}.sidebar-progress{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0eeff 0%,#e8f4ff 100%);margin:4px 0;padding:12px 14px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-label{color:var(--text-secondary);font-size:12px;font-weight:600}.progress-pct{color:var(--purple-mid);font-size:13px;font-weight:700}.progress-bar-bg{background:#ffffffb3;border-radius:99px;height:6px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--purple-mid), var(--blue-mid));border-radius:99px;height:100%;transition:width .5s}.sidebar-stats{align-items:center;gap:8px;margin-top:2px;display:flex}.stat-item{flex-direction:column;flex:1;align-items:center;display:flex}.stat-num{color:var(--text-primary);font-size:18px;font-weight:700}.stat-num--done{color:var(--green-mid)}.stat-label{color:var(--text-muted);margin-top:1px;font-size:10px}.stat-divider{background:var(--border);width:1px;height:28px}.sidebar-nav{flex-direction:column;gap:2px;margin:4px 0;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--transition), color var(--transition);text-align:left;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg);color:var(--text-primary)}.nav-item--active{background:var(--purple-light);color:var(--purple-dark);font-weight:600}.nav-icon{font-size:16px}.sidebar-section{margin:4px 0}.sidebar-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;padding:0 4px;font-size:11px;font-weight:600}.filter-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);transition:background var(--transition), color var(--transition);align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;display:flex}.filter-btn:hover{background:var(--bg);color:var(--text-primary)}.filter-btn--active{background:var(--purple-light);color:var(--purple-dark);font-weight:600}.sidebar-add-btn{background:linear-gradient(135deg, var(--purple-mid), var(--blue-mid));color:#fff;border-radius:var(--radius-md);transition:opacity var(--transition), transform var(--transition);margin-top:auto;padding:11px 14px;font-size:14px;font-weight:600;box-shadow:0 3px 10px #7f77dd66}.sidebar-add-btn:hover{opacity:.9;transform:translateY(-1px)}.sidebar-add-btn:active{transform:translateY(0)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.cal-nav{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.cal-title-group{align-items:center;gap:12px;display:flex}.cal-title{color:var(--text-primary);font-size:20px;font-weight:700}.today-btn{background:var(--purple-light);color:var(--purple-dark);transition:background var(--transition);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600}.today-btn:hover{background:var(--purple-mid);color:#fff}.nav-btn{color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);padding:4px 10px;font-size:22px;font-weight:300;line-height:1}.nav-btn:hover{background:var(--bg);color:var(--text-primary)}.calendar-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-grid--header{background:var(--surface);border-bottom:1px solid var(--border)}.cal-day-header{text-align:center;color:var(--text-secondary);letter-spacing:.04em;padding:8px 4px;font-size:12px;font-weight:600}.cal-day-header.sun{color:#e5534b}.cal-day-header.sat{color:var(--blue-mid)}.cal-grid--body{flex:1;align-content:start;overflow-y:auto}.cal-cell{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);cursor:pointer;min-height:96px;transition:background var(--transition);flex-direction:column;gap:2px;padding:6px 6px 4px;display:flex}.cal-cell:hover{background:#fafbff}.cal-cell--other{background:#fbfbfb}.cal-cell--other .cal-date-num{color:var(--text-muted)}.cal-cell--today{background:#f5f3ff}.cal-cell--sun .cal-date-num{color:#e5534b}.cal-cell--sat .cal-date-num{color:var(--blue-mid)}.cal-date-num{color:var(--text-secondary);text-align:center;border-radius:50%;width:22px;height:22px;margin-bottom:3px;font-size:12px;font-weight:600;line-height:22px;display:inline-block}.today-num{background:var(--purple-mid);color:#fff!important}.chip-stack{flex-direction:column;gap:2px;display:flex}.chip{cursor:pointer;transition:opacity var(--transition), transform var(--transition);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.chip:hover{opacity:.85;transform:translate(1px)}.chip--purple{background:var(--purple-light);color:var(--purple-dark)}.chip--blue{background:var(--blue-light);color:var(--blue-dark)}.chip--green{background:var(--green-light);color:var(--green-dark)}.chip--done{opacity:1;color:#9ca3af!important;background:#f0f0f0!important}.chip--done .chip-title{color:#9ca3af;-webkit-text-decoration:line-through #9ca3af;text-decoration:line-through #9ca3af;text-decoration-thickness:2px}.chip--done .chip-check{color:#6b7280;font-weight:900}.chip-check{cursor:pointer;text-align:center;border-radius:3px;flex-shrink:0;width:14px;font-size:10px;font-weight:700}.chip-priority{flex-shrink:0;font-size:8px}.chip-title{text-overflow:ellipsis;overflow:hidden}.show-more-btn{color:var(--text-muted);text-align:left;transition:color var(--transition);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600}.show-more-btn:hover{color:var(--accent)}.weekly-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.week-grid-wrapper{flex:1;overflow:auto}.week-grid{grid-template-rows:auto repeat(4,minmax(120px,1fr));grid-template-columns:100px repeat(7,1fr);min-width:720px;height:100%;display:grid}.wg-corner{background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:3;position:sticky;top:0;left:0}.wg-day-header{background:var(--surface);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border);text-align:center;cursor:pointer;z-index:2;transition:background var(--transition);padding:10px 8px;position:sticky;top:0}.wg-day-header:hover{background:var(--bg)}.wg-day-header--today{background:#f5f3ff}.wg-day-name{color:var(--text-muted);letter-spacing:.04em;font-size:11px;font-weight:600;display:block}.wg-day-num{color:var(--text-primary);border-radius:50%;width:30px;height:30px;margin-top:4px;font-size:16px;font-weight:700;line-height:30px;display:inline-block}.wg-slot-label{background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border-light);z-index:1;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex;position:sticky;left:0}.wg-slot-label--all{background:var(--purple-light);border-bottom:2px solid var(--purple-mid)}.slot-emoji{font-size:16px}.slot-name{color:var(--text-primary);font-size:12px;font-weight:600}.slot-range{color:var(--text-muted);text-align:center;font-size:10px;line-height:1.3}.wg-cell{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);transition:background var(--transition);cursor:default;flex-direction:column;gap:4px;padding:6px;display:flex}.wg-cell:hover{background:#fafbff}.wg-cell--drag-over{background:var(--purple-light);border:2px dashed var(--purple-mid)}.wg-cell--all{border-bottom:2px solid var(--purple-mid);background:#fdfcff;min-height:60px}.wg-cell--all.wg-cell--drag-over{background:var(--purple-light)}.wg-cell-empty{flex:1}.week-card{border-radius:var(--radius-sm);cursor:grab;transition:box-shadow var(--transition), transform var(--transition), opacity var(--transition);-webkit-user-select:none;user-select:none;padding:7px 9px;font-size:12px}.week-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.week-card:active{cursor:grabbing}.week-card--purple{background:var(--purple-light);color:var(--purple-dark);border-left:3px solid var(--purple-mid)}.week-card--blue{background:var(--blue-light);color:var(--blue-dark);border-left:3px solid var(--blue-mid)}.week-card--green{background:var(--green-light);color:var(--green-dark);border-left:3px solid var(--green-mid)}.week-card--done{color:#9ca3af!important;background:#f3f4f6!important;border-left-color:#d1d5db!important}.week-card--done .card-title{color:#9ca3af;-webkit-text-decoration:line-through #9ca3af;text-decoration:line-through #9ca3af;text-decoration-thickness:2px}.week-card--done .card-time,.week-card--done .card-desc{opacity:.5}.week-card--done .card-check{color:#6b7280;font-weight:900}.week-card-top{align-items:center;gap:5px;display:flex}.card-check{border-radius:3px;flex-shrink:0;padding:1px 3px;font-size:11px;font-weight:700}.card-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.card-priority{flex-shrink:0;font-size:10px}.card-time{opacity:.75;margin-top:2px;font-size:10px}.card-desc{opacity:.65;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#14142873;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--surface);border-radius:var(--radius-lg);width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--shadow-lg);animation:.18s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700}.modal-close{color:var(--text-muted);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);padding:4px 8px;font-size:16px}.modal-close:hover{background:var(--bg);color:var(--text-primary)}.modal-form{flex-direction:column;gap:14px;padding:16px 24px 24px;display:flex}.field-group{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--text-secondary);font-size:12px;font-weight:600}.field-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg);transition:border-color var(--transition), box-shadow var(--transition);outline:none;width:100%;padding:9px 12px;font-size:14px}.field-input:focus{border-color:var(--purple-mid);box-shadow:0 0 0 3px #7f77dd1f}.field-textarea{resize:vertical;min-height:60px}.field-row{gap:10px;display:flex}.field-group--half{flex:1}.type-tabs{gap:6px;display:flex}.type-tab{border-radius:var(--radius-sm);transition:all var(--transition);border:2px solid #0000;flex:1;padding:7px 8px;font-size:13px;font-weight:500}.type-tab--purple{background:var(--purple-light);color:var(--purple-dark)}.type-tab--blue{background:var(--blue-light);color:var(--blue-dark)}.type-tab--green{background:var(--green-light);color:var(--green-dark)}.type-tab--purple.active{border-color:var(--purple-mid);box-shadow:0 0 0 3px #7f77dd26}.type-tab--blue.active{border-color:var(--blue-mid);box-shadow:0 0 0 3px #378add26}.type-tab--green.active{border-color:var(--green-mid);box-shadow:0 0 0 3px #63992226}.slot-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.slot-btn{border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);transition:all var(--transition);border:2px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:12px;font-weight:500;display:flex}.slot-btn:hover{background:var(--purple-light);color:var(--purple-dark)}.slot-btn.active{background:var(--purple-light);color:var(--purple-dark);border-color:var(--purple-mid)}.slot-hint{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;font-size:12px}.slot-hint--all{background:var(--purple-light);color:var(--purple-dark);border-color:var(--purple-mid)}.priority-row{gap:6px;display:flex}.priority-btn{border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);transition:all var(--transition);border:2px solid #0000;flex:1;padding:6px 8px;font-size:12px;font-weight:500}.priority-btn:hover{background:var(--purple-light);color:var(--purple-dark)}.priority-btn.active{background:var(--purple-light);color:var(--purple-dark);border-color:var(--purple-mid);font-weight:600}.modal-actions{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.modal-actions-right{gap:8px;display:flex}.btn{border-radius:var(--radius-sm);transition:all var(--transition);padding:9px 18px;font-size:14px;font-weight:600}.btn--primary{background:linear-gradient(135deg, var(--purple-mid), var(--blue-mid));color:#fff;box-shadow:0 2px 8px #7f77dd59}.btn--primary:hover{opacity:.9;transform:translateY(-1px)}.btn--ghost{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.btn--ghost:hover{background:var(--border-light);color:var(--text-primary)}.btn--danger{color:#b91c1c;background:#fee2e2}.btn--danger:hover{background:#fca5a5}.projects-view{flex-direction:column;height:100%;display:flex;overflow-y:auto}.proj-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.proj-header-title{color:var(--text-primary);font-size:20px;font-weight:700}.proj-header-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-content:start;gap:20px;padding:24px 28px;display:grid}.proj-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:14px;padding:20px;display:flex}.proj-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.proj-card--edu{border-top:3px solid var(--blue-mid)}.proj-card--sponsor{border-top:3px solid var(--green-mid)}.proj-card-header{justify-content:space-between;align-items:center;display:flex}.proj-type-badge{color:var(--text-muted);background:var(--bg);border-radius:99px;padding:3px 8px;font-size:11px;font-weight:600}.proj-edit-btn{color:var(--text-muted);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);padding:2px 6px;font-size:18px}.proj-edit-btn:hover{background:var(--bg);color:var(--text-primary)}.proj-title{color:var(--text-primary);margin:-6px 0 -4px;font-size:17px;font-weight:700}.proj-progress{flex-direction:column;gap:6px;display:flex}.proj-progress-header{justify-content:space-between;align-items:center;display:flex}.proj-week-label{color:var(--text-secondary);font-size:13px;font-weight:600}.proj-pct{color:var(--blue-mid);font-size:14px;font-weight:700}.proj-bar-bg{background:var(--bg);border:1px solid var(--border);border-radius:99px;height:8px;overflow:hidden}.proj-bar-fill{background:linear-gradient(90deg, var(--blue-mid), var(--purple-mid));border-radius:99px;height:100%;transition:width .5s}.proj-bar-fill--green{background:linear-gradient(90deg, var(--green-mid), var(--blue-mid))}.proj-tasks{flex-direction:column;gap:5px;display:flex}.proj-task{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.proj-task:hover{background:var(--bg)}.task--done{color:#9ca3af;background:#f3f4f6}.task--done .task-label{color:#9ca3af;-webkit-text-decoration:line-through #9ca3af;text-decoration:line-through #9ca3af;text-decoration-thickness:2px}.task--progress{color:var(--text-primary);background:#fff8e7}.task--upcoming{color:var(--text-muted)}.task-emoji{flex-shrink:0;font-size:14px}.task-label{flex:1}.proj-task-summary{color:var(--text-muted);margin-top:2px;padding-left:10px;font-size:11px}.proj-notes{color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fffbe6;border-left:3px solid #f59e0b;gap:8px;padding:8px 10px;font-size:13px;line-height:1.5;display:flex}.proj-notes-icon{flex-shrink:0}.proj-next{color:var(--text-secondary);background:var(--purple-light);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.proj-next-label{color:var(--purple-dark);flex-shrink:0;font-weight:700}.proj-emails{flex-direction:column;gap:5px;display:flex}.proj-emails-title{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.proj-email{border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);align-items:center;gap:8px;padding:5px 10px;font-size:13px;display:flex}.proj-email:hover{opacity:.8}.email-status-badge{border-radius:99px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.email--draft{color:var(--text-secondary);background:#fff8e7}.email--draft .email-status-badge{color:#fff;background:#f59e0b}.email--sent{background:var(--green-light);color:var(--green-dark)}.email--sent .email-status-badge{background:var(--green-mid);color:#fff}.email--planned{background:var(--bg);color:var(--text-muted)}.email--planned .email-status-badge{background:var(--border);color:var(--text-secondary)}.email-label{flex:1}.proj-contact{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.proj-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-emoji{font-size:40px}.empty-text{font-size:16px;font-weight:500}@media (width<=900px){:root{--sidebar-w:200px}.cal-title{font-size:16px}.week-grid{grid-template-columns:72px repeat(7,1fr)}.wg-slot-label{padding:8px 4px}.slot-range{display:none}}@media (width<=600px){.app{flex-direction:column}.sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:8px;height:auto;padding:12px}.sidebar-brand,.sidebar-progress,.sidebar-section{display:none}.sidebar-nav{flex-direction:row}.sidebar-add-btn{margin-top:0}.main-content{overflow-y:auto}.weekly-view{height:auto}}