.screen-container{display:flex;flex-direction:column;height:100%;background:#f8fafc;animation:screenSlideIn .3s ease}@keyframes screenSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.screen-loading{justify-content:center;height:100%;color:#64748b;font-size:15px}.screen-header,.screen-loading{display:flex;align-items:center}.screen-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.screen-back{display:flex;align-items:center;gap:4px;background:none;border:none;color:#4F46E5;cursor:pointer;font-size:14px;font-weight:500;padding:6px 10px;border-radius:8px;transition:background .2s}.screen-back:hover{background:#EEF0FF}.screen-title{font-size:17px;font-weight:600;color:#1e293b;margin:0}.screen-save{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:white;border:none;padding:7px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.screen-save:hover{background:linear-gradient(135deg,#3730A3,#6D28D9);transform:translateY(-1px)}.screen-save--saving{background:#94a3b8;cursor:wait}.screen-save--saved{background:#10b981}.screen-body{flex:1 1;overflow-y:auto;padding:20px}.screen-form{max-width:600px;margin:0 auto;gap:20px}.form-group,.screen-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group--half{flex:1 1}.form-row{display:flex;gap:16px}.form-label{font-size:13px;font-weight:600;color:#475569;letter-spacing:.02em}.form-input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:white;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.form-input:focus{border-color:#4F46E5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-input::placeholder{color:#94a3b8}.form-textarea{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:white;transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box}.form-textarea:focus{border-color:#4F46E5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-chips{display:flex;flex-wrap:wrap;gap:8px}.form-chip{padding:6px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:white;color:#64748b;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}.form-chip:hover{border-color:#4F46E5;color:#4F46E5;background:#EEF0FF}.form-chip--active{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:white;border-color:#4F46E5}.form-chip--active:hover{background:linear-gradient(135deg,#3730A3,#6D28D9);color:white}.form-chip--weak.form-chip--active{background:#f97316;border-color:#f97316}.form-chip--strong.form-chip--active{background:#10b981;border-color:#10b981}.form-tags{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:white;align-items:center;min-height:42px;transition:border-color .2s,box-shadow .2s}.form-tags:focus-within{border-color:#4F46E5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:13px;font-weight:500;background:#f1f5f9;color:#334155;animation:tagIn .2s ease}@keyframes tagIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.form-tag--weak{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.form-tag--strong{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.form-tag__remove{background:none;border:none;cursor:pointer;font-size:11px;color:inherit;opacity:.5;padding:0 2px;line-height:1;transition:opacity .15s}.form-tag__remove:hover{opacity:1}.form-tag-input{flex:1 1;min-width:140px;border:none;outline:none;font-size:13px;color:#1e293b;background:transparent;padding:4px 0}.form-tag-input::placeholder{color:#94a3b8}.form-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background:#e2e8f0;outline:none;margin-top:8px}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4F46E5;cursor:pointer;box-shadow:0 2px 6px rgba(79,70,229,.3);-webkit-transition:transform .15s;transition:transform .15s}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.goals-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}.goals-empty__icon{font-size:48px;margin-bottom:16px}.goals-empty__title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.goals-empty__desc{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 24px;max-width:360px}.goals-empty__btn{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:white;border:none;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.goals-empty__btn:hover{background:linear-gradient(135deg,#3730A3,#6D28D9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.35)}.goals-list{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.goal-card{background:white;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04);position:relative}.goal-card__delete-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:15px;padding:4px 6px;border-radius:6px;opacity:0;transition:opacity .2s,background .2s;z-index:2;line-height:1}.goal-card:hover .goal-card__delete-btn{opacity:.5}.goal-card__delete-btn:hover{opacity:1!important;background:#fef2f2}.goal-card__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f1f5f9}.goal-card__info{flex:1 1}.goal-card__title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 6px}.goal-card__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#64748b}.goal-card__progress-ring{flex-shrink:0}.milestone-timeline{padding:16px 20px 20px;display:flex;flex-direction:column;gap:0}.milestone-item{display:flex;gap:12px;padding:12px 0;position:relative}.milestone-item:not(:last-child):before{content:"";position:absolute;left:13px;top:36px;bottom:-4px;width:2px;background:#e2e8f0}.milestone-item--in_progress:not(:last-child):before{background:#4F46E5}.milestone-item--completed:not(:last-child):before{background:#10b981}.milestone-item__dot{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1}.milestone-item__content{flex:1 1;min-width:0}.milestone-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.milestone-item__title{font-weight:600;font-size:14px;color:#1e293b}.milestone-item__month{font-size:12px;color:#94a3b8;font-weight:500}.milestone-item__target{font-size:12px;color:#64748b;margin:2px 0 8px}.milestone-item__progress{display:flex;align-items:center;gap:8px}.milestone-item__bar{flex:1 1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.milestone-item__fill{height:100%;border-radius:3px;transition:width .4s ease}.milestone-item__pct{font-size:11px;font-weight:600;color:#64748b;min-width:30px;text-align:right}.milestone-item__courses{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.milestone-item__course-tag{font-size:11px;padding:3px 10px;background:#EEF0FF;color:#4F46E5;border-radius:12px;border:1px solid #c4b5fd}.goal-card--clickable{cursor:pointer;transition:box-shadow .2s,transform .15s}.goal-card--clickable:hover{box-shadow:0 6px 20px rgba(79,70,229,.15);transform:translateY(-2px);border-color:#C4B5FD}.goal-card__milestones-count{font-size:12px;color:#94a3b8;margin-top:4px}.goal-card__created{font-size:11px;color:#b0b8c4;margin-top:3px}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-box{background:white;border-radius:18px;padding:28px 28px 24px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:modalSlide .25s ease}@keyframes modalSlide{0%{transform:scale(.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-btn{padding:8px 20px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.modal-btn--cancel{background:#f1f5f9;color:#64748b}.modal-btn--cancel:hover{background:#e2e8f0}.modal-btn--save{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:white}.modal-btn--save:hover:not(:disabled){background:linear-gradient(135deg,#3730A3,#6D28D9)}.modal-btn--save:disabled{opacity:.4;cursor:not-allowed}.goal-detail-info{display:flex;gap:16px;align-items:flex-start;background:white;border:1px solid #e2e8f0;border-radius:14px;padding:18px;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.goal-detail-info__left{flex:1 1}.milestones-editor{max-width:600px;margin:0 auto 24px}.milestones-editor__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.milestones-editor__label{font-size:14px;font-weight:700;color:#334155}.milestones-editor__add{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:white;border:none;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.milestones-editor__add:hover{background:linear-gradient(135deg,#3730A3,#6D28D9)}.milestones-empty{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;padding:20px;text-align:center;font-size:13px;color:#94a3b8;line-height:1.6}.milestone-editor-card{background:white;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-bottom:10px;transition:border-color .2s,box-shadow .2s}.milestone-editor-card:hover{border-color:#C4B5FD;box-shadow:0 2px 8px rgba(79,70,229,.1)}.milestone-editor-card__top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.milestone-editor-card__num{font-size:11px;font-weight:700;color:#94a3b8;min-width:20px}.milestone-editor-card__title{flex:1 1;outline:none;font-size:14px;font-weight:600;color:#1e293b;background:transparent;padding:2px 0;border:none;border-bottom:1.5px solid transparent;transition:border-color .2s}.milestone-editor-card__title:focus{border-bottom-color:#4F46E5}.milestone-editor-card__title::placeholder{color:#94a3b8;font-weight:400}.milestone-editor-card__delete{background:none;border:none;cursor:pointer;font-size:13px;color:#94a3b8;padding:2px 6px;border-radius:4px;transition:color .2s,background .2s}.milestone-editor-card__delete:hover{color:#ef4444;background:#fef2f2}.milestone-editor-card__row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.milestone-editor-card__footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.milestone-status-btn{border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.milestone-status-btn--pending{background:#f1f5f9;color:#64748b}.milestone-status-btn--pending:hover{background:#e2e8f0}.milestone-status-btn--in_progress{background:#EEF0FF;color:#4F46E5}.milestone-status-btn--in_progress:hover{background:#C4B5FD}.milestone-status-btn--completed{background:#dcfce7;color:#166534}.milestone-status-btn--completed:hover{background:#bbf7d0}.milestone-pct-input{display:flex;align-items:center;gap:8px;flex:1 1;min-width:140px}.rdm-tabs{display:flex;gap:8px;padding:0 0 16px;max-width:600px;margin:0 auto}.rdm-tab{flex:1 1;padding:9px 16px;border-radius:10px;border:1.5px solid #e2e8f0;background:white;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.rdm-tab:hover{border-color:#4F46E5;color:#4F46E5;background:#EEF0FF}.rdm-tab--active{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:white;border-color:#4F46E5;box-shadow:0 2px 8px rgba(79,70,229,.3)}.rdm-loading{text-align:center;color:#94a3b8;font-size:13px;padding:40px 0}.rdm-wrapper{flex-direction:column;padding:8px 16px 40px;position:relative}.rdm-goal-title,.rdm-wrapper{display:flex;align-items:center}.rdm-goal-title{gap:10px;background:linear-gradient(135deg,#1e293b,#334155);color:white;padding:12px 22px;border-radius:12px;font-size:15px;font-weight:700;max-width:340px;text-align:center;box-shadow:0 4px 16px rgba(30,41,59,.3)}.rdm-goal-title__dot{width:10px;height:10px;border-radius:50%;background:#4F46E5;flex-shrink:0}.rdm-connector{width:2px;height:32px;background:linear-gradient(180deg,#cbd5e1,#e2e8f0);margin:0 auto}.rdm-connector--root{background:linear-gradient(180deg,#334155,#cbd5e1)}.rdm-milestone-block{flex-direction:column;max-width:500px}.rdm-milestone-block,.rdm-milestone-node{display:flex;align-items:center;width:100%}.rdm-milestone-node{gap:10px;background:white;border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;transition:box-shadow .2s}.rdm-milestone-node:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.rdm-milestone-node__status{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px rgba(255,255,255,1),0 0 0 4px currentColor}.rdm-milestone-node__content{flex:1 1}.rdm-milestone-node__title{font-size:14px;font-weight:700;color:#1e293b;display:block}.rdm-milestone-node__month{font-size:12px;color:#94a3b8;font-weight:500}.rdm-milestone-node__pct{font-size:13px;font-weight:700}.rdm-milestone-target{font-size:12px;color:#64748b;margin:6px 2px 10px;text-align:center;max-width:380px;line-height:1.5}.rdm-courses-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 8px 4px;width:100%;max-width:500px}.rdm-course-node{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:white;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600;color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.06);text-align:left}.rdm-course-node:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.2);border-color:#4F46E5;color:#4F46E5}.rdm-course-node--unknown{border-style:dashed;color:#94a3b8;cursor:default}.rdm-course-node__icon{font-size:14px;flex-shrink:0}.rdm-course-node__label{font-size:12px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rdm-course-node__level{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.05);white-space:nowrap}.rdm-end-marker{font-size:13px;color:#94a3b8;font-weight:600;padding:14px 20px;border:1.5px dashed #e2e8f0;border-radius:10px;margin-top:8px}.rdm-panel-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:200;animation:fadeIn .2s ease}.rdm-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:90vw;background:white;z-index:201;box-shadow:-4px 0 40px rgba(0,0,0,.18);overflow-y:auto;padding:24px 20px;animation:panelSlide .28s ease}@keyframes panelSlide{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.rdm-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.rdm-panel__category{color:#4F46E5;background:#EEF0FF;text-transform:uppercase;letter-spacing:.05em;margin-right:8px}.rdm-panel__category,.rdm-panel__level{font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px}.rdm-panel__close{background:#f1f5f9;border:none;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:14px;color:#64748b;transition:background .2s;margin-left:auto}.rdm-panel__close:hover{background:#e2e8f0}.rdm-panel__title{font-size:20px;font-weight:800;color:#1e293b;margin:0 0 12px;line-height:1.3}.rdm-panel__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#64748b;margin-bottom:14px}.rdm-panel__desc{font-size:14px;color:#475569;line-height:1.7;margin:0 0 18px}.rdm-panel__skills-section{margin-bottom:16px}.rdm-panel__skills-label{font-size:12px;font-weight:700;color:#334155;margin-bottom:8px}.rdm-panel__skills{display:flex;flex-wrap:wrap;gap:6px}.rdm-panel__skill-chip{font-size:12px;padding:4px 10px;border-radius:8px;background:#f1f5f9;color:#334155;font-weight:600}.rdm-panel__section-divider{display:flex;align-items:center;gap:8px;margin:16px 0 12px;font-size:12px;font-weight:700;color:#64748b}.rdm-panel__section-divider:after,.rdm-panel__section-divider:before{content:"";flex:1 1;height:1px;background:#e2e8f0}.rdm-panel__course-card{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;margin-bottom:16px}.rdm-panel__course-icon{font-size:22px}.rdm-panel__course-name{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:2px}.rdm-panel__course-meta{font-size:11px;color:#64748b}.rdm-panel__course-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;margin-left:auto;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.rdm-panel__course-badge,.rdm-panel__enroll-btn{color:white;background:linear-gradient(135deg,#4F46E5,#7C3AED)}.rdm-panel__enroll-btn{border:none;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(79,70,229,.35)}.rdm-panel__enroll-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(79,70,229,.45)}.rdm2-wrapper{padding:16px 12px 48px;min-width:0;overflow-x:auto}.rdm2-goal-header{text-align:center;margin-bottom:20px}.rdm2-goal-header__badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7C3AED;background:#EEF0FF;padding:4px 12px;border-radius:20px;margin-bottom:8px}.rdm2-goal-header__title{font-size:20px;font-weight:800;color:#1E293B;margin:0;line-height:1.3}.rdm2-legend{display:flex;justify-content:center;gap:20px;margin-bottom:28px;font-size:12px;color:#64748b;flex-wrap:wrap}.rdm2-legend-item{display:flex;align-items:center;gap:4px;font-weight:500}.rdm2-diagram{display:flex;flex-direction:column;align-items:stretch;max-width:720px;margin:0 auto;position:relative;gap:24px 0}.rdm2-spine-track{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:#4F46E5;border-radius:2px;z-index:0;pointer-events:none}.rdm2-ms-row{display:grid;grid-template-columns:1fr 220px 1fr;align-items:start;grid-gap:0 20px;gap:0 20px;position:relative}.rdm2-col{display:flex;flex-direction:column;gap:10px;padding:12px 0;position:relative}.rdm2-col--left{align-items:flex-end;border-right:none}.rdm2-col--right{align-items:flex-start;border-left:none}.rdm2-course-box{display:flex;flex-direction:column;gap:4px;padding:9px 12px;border-radius:10px;border:1.5px solid #dde1f0;background:white;cursor:pointer;transition:all .2s;text-align:left;max-width:200px;width:100%;box-shadow:0 1px 3px rgba(79,70,229,.06);animation:rdmBoxIn .3s ease both;position:relative}@keyframes rdmBoxIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.rdm2-course-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 14px rgba(79,70,229,.18);border-color:#A5B4FC}.rdm2-course-box--unknown{border-style:dashed;opacity:.6;cursor:default}.rdm2-course-box__row{display:flex;align-items:center;gap:6px}.rdm2-course-box__icon{font-size:14px;flex-shrink:0}.rdm2-course-box__name{font-size:12px;font-weight:600;color:#1E293B;line-height:1.4}.rdm2-course-box__badge{align-self:flex-start;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:20px}.rdm2-spine{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.rdm2-spine__line{width:0;height:0;visibility:hidden}.rdm2-ms-node{width:100%;border:2px solid #dde1f0;border-radius:12px;background:white;padding:12px 14px;box-shadow:0 2px 8px rgba(79,70,229,.08);transition:box-shadow .2s;position:relative;z-index:2}.rdm2-ms-node:hover{box-shadow:0 4px 16px rgba(79,70,229,.16)}.rdm2-ms-node__dot{width:10px;height:10px;border-radius:50%;margin-bottom:8px;box-shadow:0 0 0 3px white,0 0 0 5px currentColor}.rdm2-ms-node__body{display:flex;flex-direction:column;gap:2px}.rdm2-ms-node__title{font-size:13px;font-weight:700;color:#1E293B;display:block;line-height:1.3}.rdm2-ms-node__meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin-top:2px}.rdm2-ms-node__pct{font-size:12px;font-weight:700}.rdm2-ms-node__target{font-size:11px;color:#64748b;margin-top:4px;line-height:1.4}.rdm2-end-node{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:white;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;text-align:center;box-shadow:0 4px 12px rgba(79,70,229,.3);margin-top:4px;position:relative;z-index:1}.rdm2-connector-row,.rdm2-connector-row .rdm2-spine{height:28px}.rdm2-connector-row .rdm2-spine:before{top:0;bottom:0}.rdm-generating-banner{display:flex;align-items:center;gap:14px;padding:28px;margin:20px;background:linear-gradient(135deg,#ede9fe,#e0f2fe);border:1.5px solid #c4b5fd;border-radius:14px;animation:bannerGlow 2s ease-in-out infinite}@keyframes bannerGlow{0%,to{box-shadow:0 0 0 0 rgba(139,92,246,.15)}50%{box-shadow:0 0 0 8px rgba(139,92,246,.08)}}.rdm-generating-banner__spinner{font-size:28px;flex-shrink:0;animation:spinnerPulse 1.5s ease-in-out infinite}@keyframes spinnerPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(15deg)}}.rdm-generating-banner__title{font-size:15px;font-weight:700;color:#4c1d95;margin-bottom:4px}.rdm-generating-banner__sub{font-size:13px;color:#6d28d9;opacity:.8}.p2-nudge-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:linear-gradient(90deg,#fef3c7,#fffbeb);border-bottom:1.5px solid #fde68a;font-size:13px;color:#78350f;flex-shrink:0}.p2-nudge-banner__msg{flex:1 1;line-height:1.4}.p2-nudge-banner__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.p2-nudge-banner__btn{padding:4px 12px;background:#d97706;color:white;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.p2-nudge-banner__btn:hover{background:#b45309}.p2-nudge-banner__dismiss{border:none;background:none;color:#92400e;cursor:pointer;font-size:14px;padding:2px 6px;opacity:.6;transition:opacity .2s}.p2-nudge-banner__dismiss:hover{opacity:1}.p2-greeting-area{padding:20px 20px 12px;flex-shrink:0}.p2-greeting-card{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.p2-greeting-card__avatar{font-size:20px;width:36px;height:36px;background:linear-gradient(135deg,#ede9fe,#dbeafe);border:1.5px solid #c4b5fd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.p2-greeting-card__bubble{background:white;border:1px solid #e5e7eb;border-radius:12px 12px 12px 2px;padding:10px 14px;font-size:13.5px;color:#1e293b;line-height:1.55;max-width:90%;box-shadow:0 1px 4px rgba(0,0,0,.06)}.p2-quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding-left:46px}.p2-quick-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:white;border:1.5px solid #e5e7eb;border-radius:20px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .18s;white-space:nowrap}.p2-quick-chip:hover{border-color:#6366f1;background:#f5f3ff;color:#4338ca;transform:translateY(-1px);box-shadow:0 3px 10px rgba(99,102,241,.15)}.p2-quick-chip__icon{font-size:15px}.p2-session-summary{display:flex;justify-content:center;padding:6px 0 2px;flex-shrink:0}.p2-session-summary__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:none;border:1.5px solid #c4b5fd;border-radius:20px;font-size:12px;font-weight:600;color:#6d28d9;cursor:pointer;transition:all .18s}.p2-session-summary__btn:hover{background:#ede9fe;border-color:#7c3aed;transform:translateY(-1px)}.gemini-welcome{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 32px;gap:28px;overflow:auto;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gemini-welcome__hero{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:480px}.gemini-welcome__avatar-wrap{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.gemini-welcome__avatar-ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#7c3aed,#3b82f6,#10b981,#7c3aed);animation:spinRing 3s linear infinite;z-index:0;-webkit-mask:radial-gradient(circle,transparent 60%,black 0);mask:radial-gradient(circle,transparent 60%,black 0)}@keyframes spinRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gemini-welcome__brand{font-size:22px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.gemini-welcome__tagline{font-size:14px;color:var(--text-muted,#64748b);line-height:1.6;max-width:380px}.gemini-welcome__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:560px}.gemini-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface,#f8fafc);border:1.5px solid var(--border,#e2e8f0);border-radius:24px;font-size:13px;font-weight:500;color:var(--text,#1e293b);cursor:pointer;transition:all .18s ease;white-space:nowrap}.gemini-chip:hover{background:var(--surface-hover,#f1f5f9);border-color:#7c3aed;color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.12)}.gemini-chip__icon{font-size:16px;line-height:1}.gemini-chip__label{font-weight:600}.quiz-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .2s ease}.quiz-modal{background:var(--bg,#fff);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.25);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border,#e2e8f0);background:linear-gradient(135deg,rgba(124,58,237,.04),rgba(59,130,246,.04))}.quiz-modal__title{display:flex;align-items:center;gap:12px}.quiz-modal__icon{font-size:28px}.quiz-modal__close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted,#64748b);padding:4px 8px;border-radius:8px;transition:background .15s}.quiz-modal__close:hover{background:var(--surface-hover,#f1f5f9)}.quiz-modal__body{flex:1 1;overflow-y:auto;padding:24px 20px}.quiz-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:var(--text-muted,#64748b);font-size:14px}.quiz-loading__spinner{width:40px;height:40px;border:3px solid var(--border,#e2e8f0);border-top:3px solid #7c3aed;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.quiz-progress{display:flex;align-items:center;gap:10px;margin-bottom:20px}.quiz-progress__bar{flex:1 1;height:6px;background:var(--border,#e2e8f0);border-radius:3px;overflow:hidden}.quiz-progress__fill{height:100%;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:3px;transition:width .4s ease}.quiz-progress__text{font-size:12px;font-weight:600;color:var(--text-muted,#64748b);white-space:nowrap}.quiz-question{font-size:16px;font-weight:600;color:var(--text,#1e293b);line-height:1.5;margin-bottom:20px}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quiz-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid var(--border,#e2e8f0);border-radius:12px;background:var(--surface,#f8fafc);cursor:pointer;transition:all .18s;text-align:left;font-size:14px;color:var(--text,#1e293b)}.quiz-option:hover:not(:disabled){border-color:#7c3aed;background:rgba(124,58,237,.04)}.quiz-option--selected{border-color:#7c3aed!important;background:rgba(124,58,237,.08)!important}.quiz-option--correct{border-color:#10b981!important;background:rgba(16,185,129,.08)!important;color:#065f46!important}.quiz-option--wrong{border-color:#ef4444!important;background:rgba(239,68,68,.08)!important;color:#991b1b!important}.quiz-option:disabled{cursor:default}.quiz-option__letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--border,#e2e8f0);border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.quiz-option__text{flex:1 1;line-height:1.4}.quiz-option__icon{font-size:16px;font-weight:700;flex-shrink:0;color:#10b981}.quiz-option__icon--wrong{color:#ef4444}.quiz-explanation{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);border-radius:12px;font-size:13px;color:var(--text,#1e293b);line-height:1.5;margin-bottom:16px}.quiz-explanation__icon{font-size:16px;flex-shrink:0;margin-top:1px}.quiz-actions{display:flex;justify-content:flex-end}.quiz-btn{padding:10px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s;border:none}.quiz-btn--primary{background:linear-gradient(135deg,#7c3aed,#3b82f6);color:white}.quiz-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(124,58,237,.3)}.quiz-btn--primary:disabled{opacity:.5;cursor:not-allowed}.quiz-btn--secondary{background:var(--surface,#f8fafc);border:1.5px solid var(--border,#e2e8f0);color:var(--text,#1e293b)}.quiz-btn--secondary:hover{background:var(--surface-hover,#f1f5f9)}.quiz-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;text-align:center}.quiz-result__emoji{font-size:56px;animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}.quiz-result__score{font-size:48px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-result__label{font-size:16px;color:var(--text,#1e293b);font-weight:500;line-height:1.4}.quiz-result__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.rec-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9998;padding:16px;animation:fadeIn .2s ease}.rec-panel{background:var(--bg,#fff);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.2);width:100%;max-width:440px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.rec-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border,#e2e8f0);background:linear-gradient(135deg,rgba(124,58,237,.04),rgba(59,130,246,.04))}.rec-panel__close,.rec-panel__refresh{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:8px;transition:background .15s;color:var(--text-muted,#64748b)}.rec-panel__close:hover,.rec-panel__refresh:hover{background:var(--surface-hover,#f1f5f9)}.rec-panel__body{flex:1 1;overflow-y:auto;padding:16px}.rec-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:var(--text-muted,#64748b);font-size:13px}.rec-loading__spinner{width:32px;height:32px;border:3px solid var(--border,#e2e8f0);border-top:3px solid #7c3aed;border-radius:50%;animation:spin .8s linear infinite}.rec-empty{text-align:center;padding:32px 16px;color:var(--text,#1e293b);font-size:14px}.rec-list{display:flex;flex-direction:column;gap:12px}.rec-card{border:1.5px solid var(--border,#e2e8f0);border-radius:14px;padding:14px 16px;background:var(--surface,#f8fafc);transition:all .18s}.rec-card:hover{border-color:#7c3aed;box-shadow:0 4px 16px rgba(124,58,237,.1);transform:translateY(-1px)}.rec-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rec-card__rank{font-size:11px;font-weight:700;color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px}.rec-card__match{font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px;border:1.5px solid;background:transparent}.rec-card__title{font-size:14px;font-weight:700;color:var(--text,#1e293b);line-height:1.4;margin-bottom:6px}.rec-card__reason{font-size:12px;color:var(--text-muted,#64748b);line-height:1.4;margin-bottom:10px}.rec-card__btn{background:none;border:1.5px solid #7c3aed;color:#7c3aed;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;width:100%;text-align:center}.rec-card__btn:hover{background:#7c3aed;color:white}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gemini-streak-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(239,68,68,.08));border:1.5px solid rgba(245,158,11,.35);border-radius:20px;font-size:12px;font-weight:700;color:#d97706;animation:streakPulse 2s ease-in-out infinite;margin-bottom:2px}@keyframes streakPulse{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,.3)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}.followup-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px 10px 52px;animation:fadeInUp .25s ease}.followup-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--surface,#f8fafc);border:1.5px solid var(--border,#e2e8f0);border-radius:16px;font-size:12px;font-weight:500;color:var(--text,#1e293b);cursor:pointer;transition:all .15s ease;white-space:nowrap}.followup-chip:hover{border-color:#7c3aed;background:rgba(124,58,237,.05);color:#7c3aed;transform:translateY(-1px);box-shadow:0 3px 10px rgba(124,58,237,.12)}.progress-dashboard{background:var(--surface,#f8fafc);border:2px solid #c4b5fd;border-radius:12px;padding:10px 14px 12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(124,58,237,.08);animation:fadeInUp .3s ease}.progress-dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.progress-dashboard__title{font-size:12px;font-weight:700;color:var(--text,#1e293b)}.progress-dashboard__streak{font-size:11px;font-weight:700;color:#d97706;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);padding:1px 7px;border-radius:8px}.progress-dashboard__chart{margin:4px 0}.progress-dashboard__stats{display:flex;border-top:1px solid var(--border,#e2e8f0);padding-top:8px;margin-top:4px}.progress-dashboard__stat{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:1px;border-right:1px solid var(--border,#e2e8f0)}.progress-dashboard__stat:last-child{border-right:none}.progress-dashboard__stat-val{font-size:16px;font-weight:800;color:#7c3aed;line-height:1}.progress-dashboard__stat-label{font-size:10px;color:var(--text-muted,#64748b);font-weight:500}.quiz-select{display:flex;flex-direction:column;gap:10px;padding:4px 0}.quiz-select__label{font-size:13px;font-weight:600;color:var(--text-secondary,#475569);margin-bottom:4px}.quiz-select__option--goal{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #c4b5fd;border-radius:12px;background:linear-gradient(135deg,#faf5ff,#f0e6ff);cursor:pointer;text-align:left;transition:all .2s;width:100%}.quiz-select__option--goal:hover{border-color:#7c3aed;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);transform:translateY(-1px)}.quiz-select__icon{font-size:22px}.quiz-select__title{font-size:14px;font-weight:600;color:#1e293b}.quiz-select__desc{font-size:11px;color:#64748b;margin-top:2px}.quiz-select__divider{text-align:center;font-size:11px;color:#94a3b8;margin:4px 0}.quiz-select__courses{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding-right:2px}.quiz-select__course-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;background:var(--surface,#f8fafc);cursor:pointer;text-align:left;transition:all .15s;width:100%}.quiz-select__course-item:hover{border-color:#a78bfa;background:#faf5ff}.quiz-select__course-cat{font-size:10px;font-weight:600;padding:2px 6px;border-radius:99px;background:#ede9fe;color:#7c3aed;white-space:nowrap}.quiz-select__course-title{font-size:13px;font-weight:500;color:#1e293b;flex:1 1}.quiz-select__course-level{font-size:10px;color:#94a3b8;white-space:nowrap}.quiz-history{margin-top:12px;background:var(--surface,#f8fafc);border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden}.quiz-history__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;font-size:13px;font-weight:600;color:#334155;border-bottom:1px solid #f1f5f9}.quiz-history__quiz-btn{font-size:11px;color:#7c3aed;background:none;border:none;cursor:pointer;font-weight:600;padding:0}.quiz-history__quiz-btn:hover{text-decoration:underline}.quiz-history__list{padding:4px 0}.quiz-history__item{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12px;border-bottom:1px solid #f8fafc;transition:background .1s}.quiz-history__item:last-child{border-bottom:none}.quiz-history__item:hover{background:#f1f5f9}.quiz-history__dot{font-size:14px;flex-shrink:0}.quiz-history__label{flex:1 1;color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-history__score{color:#64748b;font-weight:600;white-space:nowrap}.quiz-history__date{color:#94a3b8;font-size:10px;white-space:nowrap}.weak-topic-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fbbf24;border-radius:12px;margin-bottom:10px;animation:fadeIn .3s ease}.weak-topic-banner__icon{font-size:20px;flex-shrink:0}.weak-topic-banner__text{flex:1 1;font-size:12px;color:#92400e;line-height:1.4}.weak-topic-banner__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.weak-topic-banner__btn{font-size:11px;padding:4px 10px;border-radius:20px;background:#f59e0b;color:white;border:none;cursor:pointer;font-weight:600;transition:background .15s}.weak-topic-banner__btn:hover{background:#d97706}.weak-topic-banner__dismiss{font-size:12px;color:#92400e;background:none;border:none;cursor:pointer;padding:2px 4px;opacity:.6}.weak-topic-banner__dismiss:hover{opacity:1}.sr-panel{background:#fff;border:1.5px solid #e0e7ef;border-radius:14px;margin:8px 0;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}.sr-panel__header{display:flex;align-items:center;gap:8px;padding:10px 14px;width:100%;background:linear-gradient(90deg,#ede9fe,#f0fdf4);border:none;cursor:pointer;font-size:13px;font-weight:700;color:#4c1d95}.sr-panel__badge{background:#ef4444;color:#fff;border-radius:20px;font-size:10px;padding:2px 8px;font-weight:700}.sr-panel__body{padding:10px 14px 14px}.sr-panel__section-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:6px}.sr-card{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;margin-bottom:6px;gap:8px}.sr-card--due{background:#fef2f2;border:1px solid #fecaca}.sr-card--upcoming{background:#f8fafc;border:1px solid #e2e8f0}.sr-card__info{display:flex;flex-direction:column;gap:2px}.sr-card__label{font-size:13px;font-weight:600;color:#1e293b}.sr-card__meta{font-size:11px;color:#64748b}.sr-card__btn{flex-shrink:0;background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s}.sr-card__btn:hover{background:#6d28d9}.weekly-report{background:#fff;border:1.5px solid #e0e7ef;border-radius:14px;margin:8px 0;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}.weekly-report__header{display:flex;align-items:center;gap:8px;padding:10px 14px;width:100%;background:linear-gradient(90deg,#f0fdf4,#eff6ff);border:none;cursor:pointer;font-size:13px;font-weight:700;color:#166534}.weekly-report__body{padding:12px 14px 14px}.weekly-report__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:10px}.weekly-report__stat{background:#f8fafc;border-radius:10px;padding:8px 6px;text-align:center;border:1px solid #e2e8f0}.weekly-report__stat-val{font-size:18px;font-weight:800;color:#1e293b}.weekly-report__stat-label{font-size:10px;color:#64748b;margin-top:2px}.weekly-report__milestone,.weekly-report__trend,.weekly-report__weak{font-size:12px;padding:6px 10px;border-radius:8px;margin-top:6px;background:#f8fafc}.weekly-report__trend{font-weight:600}.schedule-card{background:#fff;border:1.5px solid #e0e7ef;border-radius:14px;margin:8px 0;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}.schedule-card__header{display:flex;align-items:center;gap:8px;padding:10px 14px;width:100%;background:linear-gradient(90deg,#fff7ed,#fffbeb);border:none;cursor:pointer;font-size:13px;font-weight:700;color:#92400e}.schedule-card__time{background:#f59e0b;color:#fff;border-radius:6px;font-size:11px;padding:2px 8px;font-weight:700}.schedule-card__body{padding:12px 14px 14px}.schedule-card__label{font-size:12px;font-weight:600;color:#475569;margin-bottom:6px}.schedule-card__days{display:flex;gap:6px;flex-wrap:wrap}.schedule-card__day{width:34px;height:34px;border-radius:50%;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.schedule-card__day--on{background:#7c3aed;border-color:#7c3aed;color:#fff}.schedule-card__time-row{display:flex;align-items:center;gap:8px}.schedule-card__input{width:56px;padding:6px 8px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:16px;font-weight:700;text-align:center;color:#1e293b;outline:none}.schedule-card__input:focus{border-color:#7c3aed}.schedule-card__save{display:block;margin-top:14px;width:100%;padding:10px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.schedule-card__save:hover{opacity:.9}.notes-panel{display:flex;flex-direction:column;height:100%;background:#fff}.notes-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:700;color:#1e293b;border-bottom:1px solid #e2e8f0;background:linear-gradient(90deg,#fef9c3,#fff)}.notes-panel__close{background:none;border:none;font-size:16px;color:#64748b;cursor:pointer}.notes-panel__body{flex:1 1;overflow-y:auto;padding:12px 14px}.notes-panel__empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:13px}.note-card{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;margin-bottom:10px;position:relative}.note-card__content{font-size:13px;color:#1e293b;line-height:1.6}.note-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.note-card__date{font-size:10px;color:#94a3b8}.note-card__delete{background:none;border:none;cursor:pointer;opacity:.5;font-size:14px}.note-card__delete:hover{opacity:1}.note-card__goto{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;font-size:11px;font-weight:600;padding:2px 8px;cursor:pointer;transition:background .15s}.note-card__goto:hover{background:#dbeafe}.ai-msg-wrapper{position:relative}.pin-btn{position:absolute;top:4px;right:4px;background:rgba(255,255,255,.9);border:1px solid #e2e8f0;border-radius:50%;width:28px;height:28px;font-size:13px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.1)}.ai-msg-wrapper:hover .pin-btn{opacity:1}.pin-btn--saved{opacity:1;background:#dcfce7;border-color:#86efac}.followup-chip--notes{background:#fffbeb;color:#92400e;border-color:#fde68a}