:root{--bg-main:#0d0e12;--bg-card:#1a1c23;--text-main:#e5e7eb;--text-muted:#9ca3af;--accent:#e12d2d;--accent-hover:#ff3e3e;--border:#2e303a;--overlay-bg:#2c2c2c87;--input-bg:#1f2128;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);color:var(--text-main);background-color:var(--bg-main)}body{background-color:var(--bg-main);margin:0}html{scroll-behavior:smooth}#root{width:100%;min-height:100vh}h1,h2,h3{color:var(--text-main);letter-spacing:-.5px;margin-top:0;font-weight:600}svg{width:24px;height:24px;fill:var(--text-main)}svg:hover{width:24px;height:24px;fill:var(--accent)}button{cursor:pointer;font:inherit;background:0 0;border:none;margin:0;padding:0}a{text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:90%;margin:0 auto;padding:30px}.button-container{margin:0 0 10px;display:flex}.navbar{border-bottom:1px solid var(--border);gap:15px;margin-bottom:30px;padding-bottom:15px;display:flex}.navbar button{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:6px;padding:10px 24px;transition:all .2s}.navbar button.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 15px #e12d2d4d}.navbar button:hover:not(.active){border-color:var(--accent);color:var(--text-main)}.planner-layout{gap:25px;display:flex}.sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:25%;height:fit-content;padding:20px;position:sticky;top:20px}.draggable-theme{background:var(--input-bg);border:1px solid var(--border);cursor:grab;color:var(--text-main);border-radius:8px;margin-bottom:12px;padding:12px 15px;transition:transform .1s,border-color .2s}.draggable-theme:hover{border-color:var(--accent);transform:translateY(-2px)}.main-plan{width:75%}.week-row{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:20px;margin-bottom:12px;padding:10px 15px;display:flex}.week-number{width:auto;color:var(--accent);font-weight:700}.week-number small{color:var(--text-muted);font-weight:400;display:block}.drop-zone{border:2px dashed var(--border);background:#ffffff05;border-radius:8px;flex-grow:1;align-items:center;min-height:50px;padding:0 15px;transition:all .3s;display:flex}.drop-zone.has-content{border:1px solid var(--accent);background:#e12d2d0d;border-style:solid}.assigned-topic{width:100%;display:flex}.assigned-topic strong{color:var(--text-main)}.theme-form{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:30px}.search-wrapper{margin-bottom:10px;display:flex}.form-group input,.form-group textarea,.search-input{background:var(--input-bg);border:1px solid var(--border);color:var(--text-main);border-radius:6px;width:-webkit-fill-available;width:-moz-available;width:stretch;padding:12px}.form-group input:focus,.search-input:focus{border-color:var(--accent);outline:none}.file-row{background:var(--bg-main);border:1px solid var(--accent);border-radius:12px;align-items:center;width:fit-content;margin:0 0 5px;padding:0 5px;display:flex}.action-button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--text-main);border-radius:6px;margin:0 10px 0 0;padding:10px 24px;transition:all .2s}.action-button:hover{background:var(--accent-hover)}.close-button{align-items:center;display:flex}.close-button-modal{align-items:center;display:flex;position:absolute;top:5px;right:5px}.save-button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--text-main);border-radius:6px;margin:20px 10px 0 0;padding:10px 24px;transition:all .2s}.save-button:hover{background:var(--accent-hover)}.cancel-button{cursor:pointer;border:1px solid var(--text-muted);color:var(--text-muted);border-radius:6px;margin:20px 10px 0 0;padding:10px 24px;transition:all .2s}.cancel-button:hover{border:1px solid var(--accent);color:var(--accent)}.modal-content{background:var(--bg-card);width:95%;color:var(--text-main);border:1px solid var(--border);z-index:1000;border-radius:8px;padding:20px;position:relative;box-shadow:0 20px 50px #00000080}.description-text{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border)}.topic-link{cursor:pointer;color:var(--accent);flex-grow:1;text-decoration:none;transition:color .2s;display:flex}.topic-link:hover{color:var(--accent-hover);text-decoration:underline}.admin-table{border-collapse:collapse;table-layout:fixed;background:0 0;width:100%;margin-top:20px}.admin-table th,.admin-table td{vertical-align:top;text-align:left;word-wrap:break-word;padding:12px 10px}.admin-table th{background:var(--bg-main);color:var(--accent);border-bottom:2px solid var(--border);text-transform:uppercase;font-size:14px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);color:var(--text-main)}.admin-table th:first-child,.admin-table td:first-child{width:20%}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:55%;line-height:1.5}.admin-table th:nth-child(3),.admin-table td:nth-child(3){text-align:center;width:10%}.admin-table th:nth-child(4),.admin-table td:nth-child(4){text-align:center;width:15%}.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;transition:background .2s;display:inline-flex}.modal-overlay{background-color:var(--overlay-bg);z-index:999;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:40px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.only-desktop{display:none}.only-mobile{display:block}.tooltip{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:8px;width:300px;padding:15px;position:absolute;top:100%;right:15px;box-shadow:0 10px 25px #0006}.tooltip-content{max-height:250px;margin-top:25px;overflow-y:auto}.tooltip-close-button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:8px;right:8px}.tooltip-close-button:hover{color:var(--accent)}@media (width>=768px){.only-desktop{display:block}.only-mobile{display:none}}.week-row{position:relative}@media (width<=768px){.container{padding:15px}.navbar{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:10px;overflow-x:auto}.navbar button{padding:8px 15px;font-size:14px}.planner-layout{flex-direction:column;gap:20px}.sidebar,.main-plan{width:100%;position:static}.hint{display:none}.week-row{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.week-number{border-bottom:1px solid var(--border);width:100%;padding-bottom:5px}.drop-zone{box-sizing:border-box;width:100%;min-height:60px}.admin-table{display:block;overflow-x:auto}.modal-overlay{padding:10px 0}.modal-content{width:95%;margin:0 auto;padding:15px}.preview-iframe{height:300px}.btn-edit,.btn-delete{margin-top:5px;padding:10px 15px}.tooltip{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:8px;width:300px;padding:15px;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0006}.tooltip-content{max-height:200px}}