.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;min-width:250px;max-width:400px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast.removing{animation:slideOut .3s ease-out forwards}.toast-success{background-color:#4caf50;color:#fff;border-left:4px solid #45a049}.toast-error{background-color:#f44336;color:#fff;border-left:4px solid #da190b}.toast-info{background-color:#2196f3;color:#fff;border-left:4px solid #0b7dda}.toast-warning{background-color:#ff9800;color:#fff;border-left:4px solid #e68900}.toast-icon{font-weight:700;font-size:16px;flex-shrink:0}.toast-message{flex:1;word-break:break-word}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-height:90vh;overflow-y:auto}@media (max-width: 600px){.toast{min-width:200px;max-width:calc(100vw - 40px)}.toast-container{left:20px;right:20px;top:10px}}.home-container{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 1rem}.home-content{max-width:1200px;margin:0 auto}.welcome-section{text-align:center;margin-bottom:3rem;animation:fadeIn .6s ease-in}.welcome-section h1{font-size:2.5rem;color:var(--color-primary);margin-bottom:.5rem;font-weight:700}.welcome-section p{font-size:1.1rem;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.stat-label{font-size:.95rem;color:#666;font-weight:500}.quick-actions{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:3rem}.quick-actions h2{font-size:1.5rem;color:var(--color-primary);margin-bottom:1.5rem;font-weight:600}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-button{padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.action-button.primary{background-color:var(--color-primary);color:#fff}.action-button.primary:hover{background-color:#0a6a8f;transform:translateY(-2px);box-shadow:0 4px 12px #0a7ea44d}.action-button.secondary{background-color:#f0f0f0;color:var(--color-primary)}.action-button.secondary:hover{background-color:#e0e0e0;transform:translateY(-2px)}.recent-sessions{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:3rem}.recent-sessions h2{font-size:1.5rem;color:var(--color-primary);margin-bottom:1.5rem;font-weight:600}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9f9f9;border-radius:8px;border-left:4px solid var(--color-primary);transition:background .2s}.session-item:hover{background:#f0f0f0}.session-info{flex:1}.session-date{font-weight:600;color:var(--color-primary);margin-bottom:.25rem}.session-areas{font-size:.9rem;color:#666}.session-stats{display:flex;gap:2rem;text-align:right}.session-score{font-weight:600;color:var(--color-primary);font-size:1.1rem}.session-duration{font-size:.9rem;color:#666}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;color:var(--color-primary);margin-bottom:.5rem;font-weight:600}.empty-state p{color:#666;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home-container{padding:1rem}.welcome-section h1{font-size:1.8rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.session-stats{gap:1rem}.action-buttons{grid-template-columns:1fr}}@media (max-width: 480px){.welcome-section h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.quick-actions,.recent-sessions{padding:1.5rem}}.areas-selection{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.select-all{margin-bottom:1.5rem}.select-all-button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.select-all-button:hover{background-color:#0a6a8f;transform:translateY(-2px);box-shadow:0 4px 12px #0a7ea44d}.area-checkbox{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9f9f9;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.area-checkbox:hover{background:#f0f0f0;border-color:var(--color-primary)}.area-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.area-label{font-weight:600;color:var(--color-foreground);flex:1}.area-count{font-size:.85rem;color:#999;font-weight:500}.cards-per-area{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.cards-per-area label{display:flex;align-items:center;gap:1rem;font-weight:600;color:var(--color-foreground)}.cards-per-area input[type=number]{width:80px;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.configure-study{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.configure-study h2{font-size:1.5rem;color:var(--color-primary);margin-bottom:1.5rem;font-weight:600}.study-buttons{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;margin-bottom:3rem}.study-button{padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.study-button.active{background-color:var(--color-primary);color:#fff}.study-button.inactive{background-color:#f0f0f0;color:var(--color-foreground);border:2px solid #ddd}.study-button.inactive:hover{background-color:#e0e0e0;border-color:var(--color-primary)}.start-study-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.start-study-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.start-study-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.enable-disable-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e0e0e0;display:flex;justify-content:center;align-items:center}.enable-disable-button{padding:.75rem 1.5rem;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.enable-disable-button:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.enable-disable-button-inline{padding:1rem 2rem;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.enable-disable-button-inline:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.max-cards-info{font-size:.85rem;color:#999;margin-left:.5rem;font-weight:500}.setup-container{min-height:100vh;background-color:var(--color-background);padding:2rem 1rem}.setup-header{text-align:center;margin-bottom:3rem}.setup-header h1{font-size:2rem;color:var(--color-foreground);margin-bottom:.5rem}.setup-header p{color:var(--color-muted);font-size:1.1rem}.setup-content{max-width:800px;margin:0 auto}.setup-section{background-color:var(--color-surface);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-border)}.setup-section h2{font-size:1.3rem;color:var(--color-foreground);margin-bottom:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin-bottom:0}.select-all-button{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.select-all-button:hover{opacity:.9}.select-all-button:active{opacity:.8}.mode-buttons{display:flex;gap:1rem}.mode-button{flex:1;padding:1rem;border:2px solid var(--color-border);border-radius:.5rem;background-color:transparent;color:var(--color-foreground);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.mode-button:hover,.mode-button.active{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.area-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.area-checkbox:hover{background-color:var(--color-border)}.area-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-primary)}.area-label{display:flex;flex-direction:column;gap:.25rem;color:var(--color-foreground);font-weight:500}.area-count{font-size:.85rem;color:var(--color-muted);font-weight:400}.cards-input-group{display:flex;flex-direction:column;gap:1rem}.cards-slider{width:100%;height:6px;border-radius:3px;background:var(--color-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cards-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:background-color .2s}.cards-slider::-webkit-slider-thumb:hover{background-color:var(--color-primary);opacity:.9}.cards-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;transition:background-color .2s}.cards-slider::-moz-range-thumb:hover{background-color:var(--color-primary);opacity:.9}.cards-display{display:flex;align-items:center;gap:1rem;justify-content:center}.cards-input{width:80px;padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:1rem;text-align:center;color:var(--color-foreground);background-color:var(--color-background)}.cards-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a7ea41a}.cards-label{color:var(--color-muted);font-weight:500}.setup-summary{background-color:var(--color-primary);color:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.9rem;opacity:.9;font-weight:500}.summary-value{font-size:1.5rem;font-weight:700}.start-button{width:100%;padding:1rem;background-color:var(--color-primary);color:#fff;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.start-button:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #0a7ea44d}.start-button:active:not(:disabled){transform:translateY(0)}.start-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.setup-container{padding:1rem}.setup-header h1{font-size:1.5rem}.areas-grid,.setup-summary{grid-template-columns:1fr}.mode-buttons{flex-direction:column}}.study-container{height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:.5rem .3rem;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:var(--color-muted)}.study-header{max-width:900px;margin:0 auto .3rem;width:100%;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;flex-shrink:0;padding:0 .2rem}.back-button{padding:.5rem 1rem;background-color:#fff;color:var(--color-foreground);border:1px solid var(--color-border);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.back-button:hover{background-color:var(--color-border)}.study-progress{flex:1;min-width:200px}.progress-text{display:block;font-size:.85rem;color:#fff;margin-bottom:.5rem;font-weight:600}.progress-bar{width:100%;height:8px;background-color:#ffffff4d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#22c55e;transition:width .3s ease;border-radius:4px}.study-stats{display:flex;gap:1rem}.stat{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.9rem;white-space:nowrap}.stat.correct{background-color:#22c55e;color:#fff}.stat.incorrect{background-color:#ef4444;color:#fff}.stat.dont-know{background-color:#f59e0b;color:#fff}.stat.dont-remember{background-color:#8b5cf6;color:#fff}.study-content{flex:1;max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:0 .2rem;overflow-y:auto}.flashcard{width:100%;max-width:95%;height:75vh;cursor:pointer;perspective:1000px;flex-shrink:0;max-height:700px}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 2rem;border-radius:1rem;text-align:center}.flashcard-front{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;box-shadow:0 8px 32px #0000001a}.flashcard-back{background:linear-gradient(135deg,#8b4513,sienna,#6b3410);color:#fff;transform:rotateY(180deg);box-shadow:0 8px 32px #0000001a}.card-area{font-size:.9rem;opacity:.8;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.study-card-question{font-size:3.5rem;font-weight:700;line-height:1.6;margin-bottom:2rem;flex:1;display:flex;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;padding:0 1rem;min-height:0;overflow:hidden}.study-card-answer{font-size:2.8rem;font-weight:600;line-height:1.7;flex:1;display:flex;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;padding:0 1rem;min-height:0;overflow:hidden}.card-hint{font-size:.7rem;opacity:.7;margin-top:auto;font-style:italic}.study-controls{width:100%;max-width:600px;display:flex;gap:.3rem;align-items:center;flex-wrap:wrap;justify-content:center;flex-shrink:0;margin-top:.2rem;padding:0 .2rem}.control-button{padding:.5rem .75rem;background-color:#fff;color:var(--color-foreground);border:1px solid var(--color-border);border-radius:.4rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:.75rem}.control-button:hover:not(:disabled){background-color:var(--color-border);transform:translateY(-2px)}.control-button:disabled{opacity:.5;cursor:not-allowed}.response-buttons{display:flex;gap:.3rem}.response-button{padding:.4rem .6rem;border:none;border-radius:.4rem;font-weight:600;cursor:pointer;transition:all .2s;color:#fff;font-size:.75rem;white-space:nowrap}.response-button.correct{background-color:#22c55e}.response-button.correct:hover{background-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.response-button.incorrect{background-color:#ef4444}.response-button.incorrect:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.response-button.dont-know{background-color:#f59e0b}.response-button.dont-know:hover{background-color:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.response-button.dont-remember{background-color:#8b5cf6}.response-button.dont-remember:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.fullscreen-button{padding:.5rem 1rem;background-color:#fff;color:var(--color-foreground);border:1px solid var(--color-border);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:.9rem}.fullscreen-button:hover{background-color:var(--color-border)}.finish-button{padding:1rem 2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem;flex-shrink:0}.finish-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #0a7ea44d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:1rem;max-width:400px;box-shadow:0 20px 25px #00000026;text-align:center}.modal-content h2{margin:0 0 1rem;color:var(--color-foreground);font-size:1.5rem}.modal-content p{margin:.5rem 0;color:var(--color-muted)}.modal-stats{background-color:#f0f0f0;padding:1rem;border-radius:.5rem;margin:1rem 0;font-weight:600;color:var(--color-foreground)}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.modal-button{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-button.cancel{background-color:#e5e7eb;color:var(--color-foreground)}.modal-button.cancel:hover{background-color:#d1d5db}.modal-button.confirm{background-color:var(--color-primary);color:#fff}.modal-button.confirm:hover{opacity:.9;transform:translateY(-2px)}.keyboard-shortcuts{position:fixed;bottom:0;left:0;right:0;background-color:#000c;color:#fff;padding:.5rem 1rem;font-size:.75rem;text-align:center;z-index:100}.keyboard-shortcuts p{margin:0}@media (max-width: 768px){.study-container{padding:1rem}.study-header{flex-direction:column;align-items:stretch}.back-button,.study-progress{width:100%}.study-stats{width:100%;justify-content:center}.flashcard{height:75vh;max-height:700px}.study-card-question{font-size:3.5rem}.study-card-answer{font-size:2.8rem}.study-controls{flex-direction:column}.control-button,.response-buttons{width:100%}.response-buttons{flex-direction:column}.response-button{width:100%}}.response-buttons{transition:opacity .3s ease-in-out}.response-button{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:fullscreen .study-container{padding:1rem}:fullscreen .study-header{margin-bottom:1rem}:fullscreen .flashcard{height:80vh}.result-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;justify-content:center;align-items:center}.result-card{background-color:#fff;border-radius:1.5rem;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;padding:2rem 0;border-radius:1rem;margin-bottom:2rem;color:#fff}.result-header.perfect{background:linear-gradient(135deg,#667eea,#764ba2)}.result-header.good{background:linear-gradient(135deg,#f093fb,#f5576c)}.result-header.fair{background:linear-gradient(135deg,#fa709a,#fee140)}.result-emoji{font-size:3rem;margin-bottom:1rem;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-header h1{font-size:2rem;margin:0;font-weight:700}.result-score{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background-color:var(--color-surface);border-radius:1rem}.score-circle{flex-shrink:0;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.score-percentage{font-size:2.5rem;font-weight:700}.score-details{flex:1}.score-label{display:block;color:var(--color-muted);font-size:.9rem;margin-bottom:.5rem}.score-cards{display:block;font-size:1.3rem;font-weight:600;color:var(--color-foreground)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:var(--color-surface);border-radius:.75rem;text-align:center}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.3rem;font-weight:700;color:var(--color-foreground)}.result-areas{margin-bottom:2rem}.result-areas h3{font-size:.95rem;color:var(--color-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.areas-tags{display:flex;flex-wrap:wrap;gap:.5rem}.area-tag{display:inline-block;padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border-radius:1rem;font-size:.85rem;font-weight:500}.result-feedback{padding:1rem;background-color:var(--color-surface);border-radius:.75rem;margin-bottom:2rem;text-align:center;line-height:1.6;color:var(--color-foreground)}.result-actions{display:flex;gap:1rem;flex-direction:column}.action-button{padding:1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.action-button.secondary{background-color:var(--color-surface);color:var(--color-foreground);border:2px solid var(--color-border)}.action-button.secondary:hover{background-color:var(--color-border);transform:translateY(-2px)}.result-error{text-align:center;padding:2rem;background-color:#fff;border-radius:1rem;color:var(--color-foreground)}.result-error h1{margin-bottom:1rem}.result-error button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:opacity .2s}.result-error button:hover{opacity:.9}@media (max-width: 768px){.result-card{padding:1.5rem}.result-header{padding:1.5rem 0}.result-header h1{font-size:1.5rem}.result-emoji{font-size:2.5rem}.result-score{flex-direction:column;gap:1rem}.score-circle{width:100px;height:100px}.score-percentage{font-size:2rem}.result-stats{grid-template-columns:1fr}.result-actions{flex-direction:column}}.stats-container{min-height:100vh;background-color:var(--color-background);padding:2rem 1rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-content h1{font-size:2rem;color:var(--color-foreground);margin-bottom:.5rem}.header-content p{color:var(--color-muted);font-size:1rem}.header-actions{display:flex;align-items:center;gap:1rem}.user-name{color:var(--color-foreground);font-weight:600}.logout-button{padding:.5rem 1rem;background-color:var(--color-error);color:#fff;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s;border:none}.logout-button:hover{opacity:.9}.logout-button:active{opacity:.8}.period-selector{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.period-button{padding:.75rem 1.5rem;border:2px solid var(--color-border);border-radius:.5rem;background-color:transparent;color:var(--color-foreground);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.period-button:hover,.period-button.active{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.stats-content{max-width:1200px;margin:0 auto;display:grid;gap:2rem}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{background-color:var(--color-surface);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:2rem;min-width:3rem;text-align:center}.stat-info{flex:1}.stat-label{font-size:.9rem;color:var(--color-muted);margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary)}.chart-section{background-color:var(--color-surface);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-border)}.chart-section h2{font-size:1.3rem;color:var(--color-foreground);margin-bottom:1.5rem}.weekly-chart{display:flex;justify-content:space-around;align-items:flex-end;height:250px;gap:.5rem}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar-wrapper{width:100%;height:200px;background-color:var(--color-border);border-radius:.5rem .5rem 0 0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.chart-bar{width:80%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary) 100%);border-radius:.25rem .25rem 0 0;min-height:4px;transition:all .3s ease}.chart-bar:hover{opacity:.8}.chart-label{font-size:.85rem;color:var(--color-muted);font-weight:600}.chart-value{font-size:.9rem;color:var(--color-foreground);font-weight:600}.areas-section{background-color:var(--color-surface);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-border)}.areas-section h2{font-size:1.3rem;color:var(--color-foreground);margin-bottom:1.5rem}.areas-list{display:grid;gap:1rem}.area-item{padding:1rem;background-color:var(--color-background);border-radius:.5rem;border:1px solid var(--color-border)}.area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.area-name{font-weight:600;color:var(--color-foreground)}.area-percentage{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.progress-bar{width:100%;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.area-stats{font-size:.85rem;color:var(--color-muted)}.sessions-section{background-color:var(--color-surface);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-border)}.sessions-section h2{font-size:1.3rem;color:var(--color-foreground);margin-bottom:1.5rem}.sessions-list{display:grid;gap:1rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-background);border-radius:.5rem;border:1px solid var(--color-border);transition:all .2s}.session-item:hover{background-color:var(--color-border)}.session-date{font-weight:600;color:var(--color-foreground);min-width:150px}.session-details{display:flex;flex-direction:column;gap:.25rem;flex:1;margin:0 1rem}.session-score{font-weight:600;color:var(--color-primary)}.session-cards{font-size:.85rem;color:var(--color-muted)}.session-duration{font-weight:600;color:var(--color-foreground);min-width:60px;text-align:right}.empty-state{text-align:center;padding:2rem;color:var(--color-muted)}.empty-state p{margin:.5rem 0}@media (max-width: 768px){.stats-container{padding:1rem}.stats-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.stats-summary{grid-template-columns:1fr}.weekly-chart{height:200px}.chart-bar-wrapper{height:150px}.session-item{flex-direction:column;align-items:flex-start;gap:.75rem}.session-date{min-width:auto}.session-details{margin:0}.session-duration{min-width:auto;text-align:left}}.chart-container{width:100%;height:400px;margin:1.5rem 0;padding:1.5rem;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chart-empty{display:flex;align-items:center;justify-content:center;height:400px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:#999;font-size:1rem;margin:1.5rem 0}.recharts-tooltip{background-color:#fff!important;border:1px solid #ccc!important;border-radius:4px!important;box-shadow:0 2px 8px #00000026!important}.recharts-tooltip-label{color:#333!important;font-weight:600!important;margin-bottom:4px!important}.recharts-tooltip-item{color:#666!important;font-size:.9rem!important}.recharts-legend-wrapper{padding-top:20px!important}.recharts-legend-item{color:#666!important;font-size:.9rem!important}@media (max-width: 768px){.chart-container{height:300px;padding:1rem;margin:1rem 0}.chart-empty{height:300px}.recharts-text{font-size:12px!important}.recharts-legend-item-text{font-size:.8rem!important}}@media (max-width: 480px){.chart-container{height:250px;padding:.75rem;margin:.75rem 0}.chart-empty{height:250px;font-size:.9rem}}.recharts-line{stroke-width:2px}.recharts-line-dot{fill:#fff;stroke-width:2px}.recharts-bar{border-radius:4px 4px 0 0}.recharts-pie-sector{outline:none}.recharts-pie-sector:hover{filter:brightness(1.1);cursor:pointer}@keyframes fadeInChart{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-container{animation:fadeInChart .3s ease-in-out}.import-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.import-preview-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-width:900px;width:100%;max-height:90vh;animation:slideUp .3s ease}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.preview-header h2{margin:0;font-size:1.5rem;color:var(--color-primary)}.preview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1.5rem;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0}.stat-item{text-align:center;padding:1rem;border-radius:8px;background:#fff;border:1px solid #e0e0e0}.stat-item.new{border-color:#4caf50;background-color:#f1f8f4}.stat-item.duplicate{border-color:#f44336;background-color:#fef1f0}.stat-item.similar{border-color:#ff9800;background-color:#fff8f3}.stat-label{display:block;font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--color-primary)}.stat-item.new .stat-value{color:#4caf50}.stat-item.duplicate .stat-value{color:#f44336}.stat-item.similar .stat-value{color:#ff9800}.preview-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-toolbar{padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background-color:#fafafa}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#333}.select-all-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.preview-list{flex:1;overflow-y:auto;padding:1rem}.preview-card{display:flex;gap:1rem;padding:1rem;margin-bottom:.5rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;transition:all .2s ease}.preview-card.selected{background-color:#f0f7ff;border-color:var(--color-primary);box-shadow:0 0 0 2px #0a7ea41a}.preview-card.duplicate{background-color:#fef1f0;border-color:#f44336;opacity:.7}.preview-card.similar{background-color:#fff8f3;border-color:#ff9800}.card-checkbox{display:flex;align-items:flex-start;padding-top:.25rem}.card-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.preview-card.duplicate .card-checkbox input[type=checkbox]{cursor:not-allowed;opacity:.5}.card-content{flex:1;min-width:0}.card-status-badge{margin-bottom:.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.new{background-color:#e8f5e9;color:#2e7d32}.badge.duplicate{background-color:#ffebee;color:#c62828}.badge.similar{background-color:#fff3e0;color:#e65100}.card-area{font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.card-question,.card-answer{font-size:.9rem;line-height:1.4;margin-bottom:.5rem;color:#333}.card-question strong,.card-answer strong{color:var(--color-primary);font-weight:600}.card-answer{margin-bottom:0}.preview-footer{padding:1.5rem;border-top:1px solid #e0e0e0;background-color:#f9f9f9}.footer-info{margin-bottom:1rem}.footer-info p{margin:.5rem 0;font-size:.95rem;color:#333}.footer-info .warning{color:#f44336;font-weight:500}.footer-info .info{color:#ff9800;font-weight:500}.footer-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-primary:hover:not(:disabled){background-color:#0a6a8f;transform:translateY(-2px);box-shadow:0 4px 12px #0a7ea44d}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#d0d0d0;transform:translateY(-2px)}.preview-list::-webkit-scrollbar{width:8px}.preview-list::-webkit-scrollbar-track{background:#f1f1f1}.preview-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.preview-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.import-preview-overlay{padding:.5rem}.import-preview-modal{max-height:95vh}.preview-header{padding:1rem}.preview-header h2{font-size:1.25rem}.preview-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.stat-item{padding:.75rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.5rem}.preview-card{flex-direction:column;gap:.5rem}.card-checkbox{padding-top:0}.preview-footer{padding:1rem}.footer-actions{flex-direction:column}.btn{width:100%}}.word-importer{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.word-importer h3{font-size:1.25rem;color:var(--color-primary);margin-bottom:1.5rem;font-weight:600}.drop-zone{border:2px dashed var(--color-primary);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f9f9f9;position:relative}.drop-zone:hover{background-color:#f0f0f0;border-color:#0a6a8f}.drop-zone.dragging{background-color:#e8f4f8;border-color:#0a6a8f;box-shadow:0 0 0 3px #0a7ea41a}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.drop-zone-icon{font-size:3rem;line-height:1}.drop-zone-text{color:var(--color-primary);font-size:1rem;margin:0;font-weight:500}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-input:disabled{cursor:not-allowed}.progress-message{margin-top:1.5rem;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:1rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progress-message.uploading{background-color:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0}.progress-message.parsing{background-color:#fff3e0;border-left:4px solid #ff9800;color:#e65100}.progress-message.success{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.progress-message.error{background-color:#ffebee;border-left:4px solid #f44336;color:#c62828}.spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.message-content{flex:1}.message-content p{margin:0;font-size:.95rem}.cards-info{font-size:.85rem!important;opacity:.8;margin-top:.5rem!important}@media (max-width: 768px){.word-importer,.drop-zone{padding:1.5rem}.drop-zone-icon{font-size:2rem}.drop-zone-text{font-size:.9rem}.progress-message{flex-direction:column;align-items:flex-start}.spinner{align-self:center}}.area-manager{position:relative;margin-bottom:2rem}.area-manager-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.area-manager-toggle:hover{background-color:#0a6a8f;transform:translateY(-2px);box-shadow:0 4px 12px #0a7ea44d}.toggle-icon{font-size:1.2rem}.area-manager-panel{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem;animation:fadeIn .3s ease}.area-manager-panel{animation:fadeIn .3s ease}.area-manager-panel>div{animation:slideUp .3s ease}.area-manager-panel>*{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.panel-header h3{margin:0;font-size:1.5rem;color:var(--color-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{background-color:#f0f0f0;color:#000}.panel-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.add-area-section,.areas-list-section,.info-section{display:flex;flex-direction:column;gap:1rem}.add-area-section h4,.areas-list-section h4{margin:0;font-size:1.1rem;color:#333;font-weight:600}.input-group{display:flex;gap:.75rem}.area-input{flex:1;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .2s ease}.area-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a7ea41a}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#0a6a8f;transform:translateY(-2px);box-shadow:0 4px 12px #0a7ea44d}.error-message{color:#f44336;font-size:.9rem;margin:0;padding:.5rem;background-color:#ffebee;border-radius:4px;border-left:3px solid #f44336}.areas-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.area-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease}.area-item:hover{background-color:#f0f7ff;border-color:var(--color-primary)}.area-name{flex:1;color:#333;font-weight:500}.area-edit{display:flex;gap:.5rem;width:100%}.area-edit-input{flex:1;padding:.5rem;border:1px solid var(--color-primary);border-radius:4px;font-size:.95rem}.area-edit-input:focus{outline:none;box-shadow:0 0 0 3px #0a7ea41a}.area-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-icon.edit:hover{background-color:#fff3e0}.btn-icon.delete:hover{background-color:#ffebee}.btn-icon.save{color:#4caf50}.btn-icon.save:hover{background-color:#e8f5e9}.btn-icon.cancel{color:#f44336}.btn-icon.cancel:hover{background-color:#ffebee}.empty-message{color:#999;text-align:center;padding:2rem 1rem;margin:0;font-size:.95rem}.info-section{padding:1rem;background-color:#f0f7ff;border-radius:6px;border-left:3px solid var(--color-primary)}.info-text{margin:0;color:#0a6a8f;font-size:.9rem;line-height:1.5}.areas-list::-webkit-scrollbar,.panel-content::-webkit-scrollbar{width:8px}.areas-list::-webkit-scrollbar-track,.panel-content::-webkit-scrollbar-track{background:#f1f1f1}.areas-list::-webkit-scrollbar-thumb,.panel-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.areas-list::-webkit-scrollbar-thumb:hover,.panel-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.area-manager-panel{padding:.5rem}.area-manager-panel>*{max-height:90vh}.panel-header{padding:1rem}.panel-header h3{font-size:1.25rem}.panel-content{padding:1rem;gap:1.5rem}.input-group{flex-direction:column}.btn{width:100%}.area-item{flex-direction:column;align-items:flex-start;gap:.75rem}.area-edit{width:100%}.area-actions{align-self:flex-end}}.admin-page{min-height:100vh!important;background:#fff!important;background-color:#fff!important;background-image:none!important;padding:2rem 1rem!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;color:#333!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem;color:#333}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.admin-header{max-width:1400px;margin:0 auto 3rem;color:#2d3748}.header-content{margin-bottom:2rem}.admin-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#1a202c}.header-subtitle{font-size:1.1rem;opacity:.95;font-weight:300}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.stat-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e0}.stat-number{font-size:2rem;font-weight:700}.stat-label{font-size:.85rem;opacity:.9;text-align:center}.status-banner{max-width:1400px;margin:0 auto 2rem;padding:1rem 1.5rem;border-radius:10px;display:flex;align-items:center;gap:1rem;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-connected{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.status-disconnected{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.status-icon{font-size:1.2rem}.admin-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:2rem}.admin-left-panel{display:flex;flex-direction:column;gap:1.5rem}.form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #00000026;transition:all .3s ease}.form-card:hover{box-shadow:0 15px 50px #0003;transform:translateY(-2px)}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.form-header h2{font-size:1.5rem;color:#2d3748;margin:0}.editing-badge{background:#dbeafe;color:#1e40af;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.95rem}.form-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s;background:#fafafa}.form-input:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 4px #4299e11a}.form-input textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn{flex:1;padding:.85rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#4299e1;color:#fff;box-shadow:0 2px 8px #4299e14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4299e166;background:#3182ce}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f7fafc;color:#2d3748;border:2px solid #cbd5e0}.btn-secondary:hover:not(:disabled){background:#edf2f7;transform:translateY(-2px);border-color:#a0aec0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.tools-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tool-button{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:600;color:#333;transition:all .3s ease}.tool-button:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.tool-icon{font-size:1.5rem}.expandable-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;animation:slideDown .3s ease}.expandable-section h3{color:#667eea;margin-bottom:1rem;font-size:1.1rem}.admin-right-panel{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;gap:1.5rem}.cards-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.cards-header h2{font-size:1.5rem;color:#333;margin:0}.cards-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.filters-container{display:flex;gap:1rem;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.filter-select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s;min-width:200px}.filter-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 4px #4299e11a}.cards-list{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:300px;max-height:600px;overflow-y:auto;padding-right:.5rem}.cards-list::-webkit-scrollbar{width:6px}.cards-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.cards-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.cards-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.card-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .3s ease;border-left:4px solid #4299e1}.card-item:hover{border-left-color:#3182ce;box-shadow:0 4px 12px #00000014;transform:translate(2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.card-area-badge{display:inline-block;background:#dbeafe;color:#1e40af;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.card-id{font-size:.85rem;color:#999;font-weight:500}.card-content{margin-bottom:1rem}.card-question,.card-answer{margin-bottom:.75rem}.card-question strong,.card-answer strong{color:#2d3748;margin-right:.5rem;font-weight:600}.card-question p,.card-answer p{margin:.25rem 0 0;color:#333;line-height:1.5;font-size:.95rem}.card-answer{background:#667eea0d;padding:.75rem;border-radius:6px;border-left:3px solid #667eea}.card-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-action{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;transition:all .2s;border-radius:6px}.btn-edit{color:#667eea}.btn-edit:hover:not(:disabled){background:#667eea1a;transform:scale(1.1)}.btn-delete{color:#e74c3c}.btn-delete:hover:not(:disabled){background:#e74c3c1a;transform:scale(1.1)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#999;gap:1rem}.empty-icon{font-size:3rem;opacity:.5}.empty-state p{font-size:1.1rem;margin:0;color:#666}.empty-state small{color:#999}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:1rem;border-top:2px solid #f0f0f0}.pagination-btn{background:#f0f0f0;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;color:#667eea;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:600;color:#667eea;min-width:150px;text-align:center}.error-banner{max-width:1400px;margin:2rem auto 0;background:#e74c3c33;color:#fff;padding:1rem 1.5rem;border-radius:10px;border:1px solid rgba(231,76,60,.5);display:flex;align-items:center;gap:1rem;font-weight:500}@media (max-width: 1024px){.admin-container{grid-template-columns:1fr}.admin-header h1{font-size:2rem}.header-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.admin-page{padding:1rem .5rem}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:1.5rem}.header-stats{grid-template-columns:1fr}.admin-container{gap:1rem}.admin-left-panel,.admin-right-panel,.form-card{padding:1.5rem}.tools-section{grid-template-columns:1fr}.filters-container{flex-direction:column}.search-box,.filter-select{width:100%}.cards-list{max-height:400px}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.admin-page{padding:.5rem}.admin-header h1{font-size:1.25rem}.header-subtitle{font-size:.9rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.form-card,.admin-right-panel{padding:1rem}.form-header h2,.cards-header h2{font-size:1.2rem}.card-item{padding:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#4299e1;color:#fff}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-close:hover{background:#fff3}.modal-body{padding:2rem;gap:1.5rem;display:flex;flex-direction:column}.modal-info{margin:0;font-size:.95rem;color:#374151;line-height:1.5;word-break:break-word}.modal-info strong{color:#1f2937;display:block;margin-bottom:.5rem}.modal-select-wrapper{display:flex;flex-direction:column;gap:.75rem}.modal-select-wrapper label{font-weight:600;color:#1f2937;font-size:.95rem}.modal-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#374151;background:#fff;cursor:pointer;transition:all .2s}.modal-select:hover{border-color:#667eea}.modal-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn-cancel{background:#e5e7eb;color:#374151}.modal-btn-cancel:hover:not(:disabled){background:#d1d5db}.modal-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.btn-change-area{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-change-area:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #f5576c66}.search-highlight{background:gold;color:#000;font-weight:600;padding:.1rem .3rem;border-radius:3px;animation:highlightPulse .5s ease-in-out}@keyframes highlightPulse{0%{background:#ff0}50%{background:gold}to{background:gold}}.tips-container{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%);padding:2rem}.tips-content{max-width:1200px;margin:0 auto}.tips-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.tips-header h1{font-size:2.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:.5rem}.tips-header p{font-size:1.1rem;color:var(--color-muted)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;animation:fadeInUp .6s ease-out .2s both}.tip-card{background:var(--color-surface);border-radius:12px;border-left:4px solid var(--color-primary);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.tip-card.expanded{grid-column:span 1}.tip-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:background-color .3s ease}.tip-card:hover .tip-header{background-color:var(--color-background)}.tip-title{font-size:1.1rem;font-weight:600;color:var(--color-foreground);margin:0;flex:1}.tip-icon{font-size:1.2rem;color:var(--color-primary);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tip-card.expanded .tip-icon{transform:rotate(0)}.tip-content{padding:1.5rem;background:var(--color-background);animation:slideDown .3s ease-out}.tip-item{margin-bottom:1rem;padding-left:1rem;border-left:2px solid var(--color-primary);position:relative}.tip-item:last-child{margin-bottom:0}.tip-item p{margin:0;font-size:.95rem;color:var(--color-foreground);line-height:1.6}@media (max-width: 768px){.tips-container{padding:1rem}.tips-header h1{font-size:2rem}.tips-grid{grid-template-columns:1fr;gap:1rem}.tip-header,.tip-content{padding:1rem}.tip-item{padding-left:.75rem}.tip-item p{font-size:.9rem}}@media (max-width: 480px){.tips-header h1{font-size:1.5rem}.tips-header p{font-size:.95rem}.tip-title{font-size:1rem}}.pdf-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.pdf-viewer-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:1200px;max-height:90vh;background:var(--color-surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-shrink:0}.pdf-viewer-header h2{margin:0;font-size:1.3rem;color:var(--color-foreground);flex:1}.pdf-viewer-actions{display:flex;gap:.75rem}.pdf-viewer-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.download-btn{background:var(--color-primary);color:#fff}.download-btn:hover{background:var(--color-primary);opacity:.9;transform:translateY(-2px)}.close-btn{background:var(--color-border);color:var(--color-foreground);padding:.5rem .75rem;min-width:auto}.close-btn:hover{background:var(--color-muted);opacity:.8}.pdf-viewer-loading,.pdf-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;padding:2rem;text-align:center}.pdf-viewer-loading p,.pdf-viewer-error p{color:var(--color-muted);font-size:1rem;margin:0}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdf-viewer-error{background:var(--color-background)}.pdf-viewer-link{color:var(--color-primary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--color-primary);transition:all .2s ease}.pdf-viewer-link:hover{background:var(--color-primary);color:#fff}.pdf-viewer-iframe{flex:1;border:none;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.pdf-viewer-overlay{padding:.5rem}.pdf-viewer-container{max-height:95vh;border-radius:8px}.pdf-viewer-header{padding:1rem;flex-wrap:wrap;gap:1rem}.pdf-viewer-header h2{font-size:1.1rem;flex-basis:100%}.pdf-viewer-actions{flex-basis:100%;width:100%}.pdf-viewer-button{flex:1;justify-content:center}.pdf-viewer-loading p,.pdf-viewer-error p{font-size:.95rem}}@media (max-width: 480px){.pdf-viewer-header h2{font-size:1rem}.pdf-viewer-button{padding:.4rem .8rem;font-size:.85rem}}.documents-container{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%);padding:2rem}.documents-content{max-width:1200px;margin:0 auto}.documents-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.documents-header h1{font-size:2.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:.5rem}.documents-header p{font-size:1.1rem;color:var(--color-muted)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;animation:fadeInUp .6s ease-out .2s both}.document-card{background:var(--color-surface);border-radius:12px;border-left:4px solid var(--color-primary);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.document-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.document-card.expanded{grid-column:span 1}.document-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:background-color .3s ease;cursor:pointer}.document-card:hover .document-header{background-color:var(--color-background)}.document-title-section{flex:1;margin-right:1rem}.document-title{font-size:1.1rem;font-weight:600;color:var(--color-foreground);margin:0 0 .5rem}.document-description{font-size:.9rem;color:var(--color-muted);margin:0;line-height:1.4}.document-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.document-pdf-btn{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:.5rem .75rem;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.document-pdf-btn:hover{background:var(--color-primary);opacity:.9;transform:scale(1.05)}.document-pdf-btn:active{transform:scale(.95)}.document-icon{font-size:1.2rem;color:var(--color-primary);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.document-card.expanded .document-icon{transform:rotate(0)}.document-content{padding:1.5rem;background:var(--color-background);animation:slideDown .3s ease-out}.document-item{margin-bottom:1rem;padding-left:1rem;border-left:2px solid var(--color-primary);position:relative}.document-item:last-child{margin-bottom:0}.document-item p{margin:0;font-size:.95rem;color:var(--color-foreground);line-height:1.6;text-align:justify}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@media (max-width: 768px){.documents-container{padding:1rem}.documents-header h1{font-size:2rem}.documents-grid{grid-template-columns:1fr;gap:1rem}.document-header,.document-content{padding:1rem}.document-item{padding-left:.75rem}.document-item p{font-size:.9rem}}@media (max-width: 480px){.documents-header h1{font-size:1.5rem}.documents-header p{font-size:.95rem}.document-title{font-size:1rem}.document-description{font-size:.85rem}}.preparation-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 20px}.preparation-header{max-width:1000px;margin:0 auto 40px;text-align:center}.preparation-header h1{font-size:2.5rem;color:#1a3a52;margin:0 0 10px;font-weight:700}.preparation-header p{font-size:1.1rem;color:#666;margin:0}.preparation-sections{max-width:1000px;margin:0 auto;display:grid;gap:20px}.preparation-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border-left:4px solid #0a7ea4;transition:all .3s ease}.preparation-card:hover,.preparation-card.expanded{box-shadow:0 4px 16px #00000026}.preparation-card-header{width:100%;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.preparation-card-header:hover{background-color:#f9f9f9}.preparation-card-title-section{flex:1;margin-right:12px}.preparation-card-title{font-size:1.1rem;font-weight:600;color:#1a3a52;margin:0 0 4px}.preparation-card-description{font-size:.9rem;color:#999;margin:0;line-height:1.4}.preparation-expand-icon{font-size:1.2rem;color:#0a7ea4;flex-shrink:0;margin-top:2px}.preparation-card-content{padding:0 20px 20px;background-color:#fafafa;border-top:1px solid #e5e5e5;max-height:600px;overflow-y:auto}.preparation-content-item{margin-bottom:16px;padding-left:16px;border-left:2px solid #0a7ea4}.preparation-content-item p{font-size:.95rem;color:#333;margin:0;line-height:1.6}@media (max-width: 768px){.preparation-page{padding:20px 10px}.preparation-header h1{font-size:1.8rem}.preparation-header p{font-size:1rem}.preparation-card-header{padding:16px}.preparation-card-title{font-size:1rem}.preparation-card-description{font-size:.85rem}.preparation-card-content{padding:0 16px 16px}.preparation-content-item{margin-bottom:12px;padding-left:12px}.preparation-content-item p{font-size:.9rem}}@media (max-width: 480px){.preparation-page{padding:15px 5px}.preparation-header h1{font-size:1.5rem}.preparation-header p{font-size:.9rem}.preparation-sections{gap:15px}.preparation-card-header{padding:12px;flex-direction:column}.preparation-card-title-section{margin-right:0;margin-bottom:8px}.preparation-expand-icon{align-self:flex-end}}.quiz-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 20px}.quiz-header{max-width:1000px;margin:0 auto 40px;text-align:center}.quiz-header h1{font-size:2.5rem;color:#1a3a52;margin:0 0 10px;font-weight:700}.quiz-header p{font-size:1.1rem;color:#666;margin:0}.quiz-list{max-width:1000px;margin:0 auto;display:grid;gap:20px}.quiz-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #0a7ea4;transition:all .3s ease}.quiz-card:hover{box-shadow:0 4px 16px #00000026}.quiz-card-title{font-size:1.2rem;font-weight:600;color:#1a3a52;margin:0 0 8px}.quiz-card-description{font-size:.95rem;color:#999;margin:0 0 16px}.quiz-start-button{background-color:#0a7ea4;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.quiz-start-button:hover{background-color:#086a8a}.quiz-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a}.quiz-progress{margin-bottom:40px}.progress-bar{height:4px;background-color:#e5e5e5;border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background-color:#0a7ea4;transition:width .3s ease}.progress-text{font-size:.9rem;color:#999;margin:0}.quiz-question-section{margin-bottom:40px}.quiz-question{font-size:1.4rem;font-weight:600;color:#1a3a52;margin:0 0 24px;line-height:1.6}.quiz-options{display:grid;gap:12px;margin-bottom:24px}.quiz-option{padding:16px;border:2px solid #e5e5e5;border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#333}.quiz-option:hover{border-color:#0a7ea4;background-color:#f9f9f9}.quiz-option.selected{border-color:#0a7ea4;background-color:#0a7ea4;color:#fff;font-weight:600}.option-text{display:block;line-height:1.5}.quiz-feedback{padding:16px;border-radius:8px;margin-bottom:24px;border-left:4px solid}.quiz-feedback.correct{background-color:#f0f9f7;border-left-color:#22c55e}.quiz-feedback.incorrect{background-color:#fef2f2;border-left-color:#ef4444}.feedback-title{font-size:.95rem;font-weight:600;margin:0 0 8px;color:#1a3a52}.quiz-feedback.correct .feedback-title{color:#22c55e}.quiz-feedback.incorrect .feedback-title{color:#ef4444}.feedback-text{font-size:.9rem;color:#666;margin:0;line-height:1.5}.quiz-buttons{display:flex;gap:12px;justify-content:flex-end}.quiz-button{padding:10px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.quiz-button.primary{background-color:#0a7ea4;color:#fff}.quiz-button.primary:hover:not(:disabled){background-color:#086a8a}.quiz-button.primary:disabled{background-color:#ccc;cursor:not-allowed}.quiz-button.secondary{background-color:#fff;color:#0a7ea4;border:2px solid #0a7ea4}.quiz-button.secondary:hover{background-color:#f9f9f9}.quiz-results{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:60px 40px;box-shadow:0 2px 8px #0000001a;text-align:center}.score-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 32px;border:4px solid #0a7ea4}.score-text{font-size:3rem;font-weight:700;color:#0a7ea4}.score-label{font-size:.9rem;color:#999;margin-top:8px}.result-message{font-size:1.4rem;font-weight:600;color:#1a3a52;margin:0 0 12px}.result-details{font-size:.95rem;color:#999;margin:0 0 32px}@media (max-width: 768px){.quiz-page{padding:20px 10px}.quiz-header h1{font-size:1.8rem}.quiz-container{padding:24px}.quiz-question{font-size:1.1rem}.score-circle{width:160px;height:160px}.score-text{font-size:2.2rem}.quiz-buttons{flex-direction:column}.quiz-button{width:100%}}@media (max-width: 480px){.quiz-page{padding:15px 5px}.quiz-header h1{font-size:1.5rem}.quiz-container{padding:16px}.quiz-question{font-size:1rem}.quiz-option{padding:12px;font-size:.9rem}.score-circle{width:140px;height:140px}.score-text{font-size:2rem}.result-message{font-size:1.1rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background)}.app{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex:1}.app-sidebar{width:250px;background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:2rem 0;position:sticky;top:0;height:100vh;overflow-y:auto}.app-sidebar-title{padding:0 1.5rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;color:var(--color-foreground)}.app-sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.app-sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;color:var(--color-foreground);transition:all .2s;font-weight:500}.app-sidebar-nav a:hover{background-color:var(--color-border);color:var(--color-primary)}.app-sidebar-nav a.active{background-color:var(--color-primary);color:#fff}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.app-title{font-size:1.5rem;font-weight:700;color:var(--color-foreground)}.app-nav{display:flex;gap:1rem}.app-nav a{padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;color:var(--color-foreground);transition:background-color .2s}.app-nav a:hover{background-color:var(--color-border)}.app-content{flex:1;padding:2rem;overflow-y:auto}.app-main{display:flex;flex:1}.app-main-content{flex:1;padding:2rem;overflow-y:auto}@media (max-width: 1024px){.app-sidebar{width:200px}.app-main-content{padding:1.5rem}}@media (max-width: 768px){.app-container{flex-direction:column}.app-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border);padding:1rem}.app-sidebar-title{display:none}.app-sidebar-nav{flex-direction:row;gap:.25rem;padding:0}.app-sidebar-nav a{flex:1;justify-content:center;padding:.5rem;font-size:.875rem}.app-content,.app-main-content{padding:1rem}}@media (max-width: 480px){.app-header{padding:1rem;flex-direction:column;gap:1rem}.app-sidebar-nav a{padding:.5rem .25rem;font-size:.75rem}.app-content{padding:.5rem}}:root{--color-primary: #0a7ea4;--color-background: #ffffff;--color-surface: #f5f5f5;--color-foreground: #11181c;--color-muted: #687076;--color-border: #e5e7eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-foreground)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}