#planning-page{position:fixed;inset:0;background:#f4f7ff;display:none;z-index:99999;overflow:auto}#planning-page .page-inner{max-width:1100px;margin:30px auto;padding:20px}#planning-page .page-header{font-weight:600;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}#planning-page .page-header button{background:#1C77FF;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.planning-center{display:flex;gap:24px;align-items:flex-start;justify-content:center}.planning-card{background:linear-gradient(180deg,#fff,#fcfcff);border-radius:16px;padding:18px;display:flex;gap:12px;align-items:center;min-width:560px}.planning-card .col{padding:10px 12px;border-radius:8px;background:transparent;min-width:120px;text-align:center}.planning-card .col.num{width:80px;font-weight:700}.planning-card .col.date{width:140px}.planning-card .col.dropzone{flex:1;min-height:90px;border:2px dashed #cfcfcf;background:#fff;display:flex;align-items:center;justify-content:center}.planning-date-input{padding:8px 10px;border:1px solid #d0d6e8;border-radius:8px;font-size:14px;width:100%}.planning-import-section{margin-bottom:20px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.imported-topics-wrap{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;min-height:40px}.import-panel{display:flex;flex-direction:column;gap:12px;align-items:center}.import-panel .import-box{background:linear-gradient(90deg,#7ec8ff,#1c77ff);color:#fff;padding:12px 16px;border-radius:10px;min-width:200px;text-align:center}.import-panel button{background:#0b63e6;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}#imported-topics{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.topic{background:#fff;border-radius:8px;padding:8px 12px;cursor:grab;border:1px solid #e6eefc}#import-modal.modal-overlay,
#progress-modal.modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:150000}#import-modal .modal{background:#fff;padding:18px;border-radius:12px;min-width:320px}.import-options{display:flex;gap:8px}.import-options button{flex:1;padding:10px;border-radius:8px;border:1px solid #d0d6e8;background:#fff;cursor:pointer}.progress-modal{display:flex;flex-direction:column;gap:14px;align-items:center;padding:26px;border-radius:14px;background:linear-gradient(135deg,#7ec8ff,#1c77ff);color:#fff}.smiley{font-size:48px}.progress-bar{width:260px;height:10px;background:rgba(255,255,255,0.3);border-radius:999px;overflow:hidden}.progress-bar > i{display:block;height:100%;background:rgba(255,255,255,0.95);width:0%}@media (max-width:900px){.planning-center{flex-direction:column;align-items:stretch}.planning-card{min-width:unset;width:100%}}.ktp-import-container::-webkit-scrollbar{
width:8px;
}.ktp-import-container::-webkit-scrollbar-track{
background:rgba(255, 255, 255, 0.05);
border-radius:4px;
}.ktp-import-container::-webkit-scrollbar-thumb{
background:rgba(255, 255, 255, 0.2);
border-radius:4px;
}.ktp-import-container::-webkit-scrollbar-thumb:hover{
background:rgba(255, 255, 255, 0.3);
}#ktp-lessons-list::-webkit-scrollbar,
#ktp-themes-container::-webkit-scrollbar{
width:6px;
}#ktp-lessons-list::-webkit-scrollbar-track,
#ktp-themes-container::-webkit-scrollbar-track{
background:rgba(255, 255, 255, 0.05);
border-radius:3px;
}#ktp-lessons-list::-webkit-scrollbar-thumb,
#ktp-themes-container::-webkit-scrollbar-thumb{
background:rgba(255, 255, 255, 0.2);
border-radius:3px;
}#ktp-lessons-list::-webkit-scrollbar-thumb:hover,
#ktp-themes-container::-webkit-scrollbar-thumb:hover{
background:rgba(255, 255, 255, 0.35);
}.ktp-theme-card{
transition:transform 0.15s, border-color 0.15s;
}.ktp-theme-card:hover{
transform:translateY(-1px);
}.ktp-theme-card:active{
cursor:grabbing;
}.ktp-assigned-card{
transition:border-color 0.15s, background-color 0.15s;
}.ktp-assigned-card:hover{
border-color:#cbd5e1;
background-color:#f1f5f9;
}.ktp-dropzone{
border:2px dashed #cbd5e1;
background:transparent;
transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}.ktp-dropzone:hover{
border-color:#1c77ff;
color:#1c77ff;
background:rgba(28, 119, 255, 0.03);
}.modal-overlay.open{
display:flex !important;
align-items:center;
justify-content:center;
}.ktp-import-container{
position:fixed !important;
top:0 !important;
bottom:0 !important;
right:0 !important;
left:234px !important;
z-index:10000 !important;
}@media (max-width:900px){
.ktp-import-container{
left:0 !important;
}}