@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Lora:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Lora:wght@500;600&family=DM+Sans:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Lora:ital@0;1&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}:root{--auth-bg:#d6edcf;--auth-card:#edf7e6;--light-green:#d7ecb0;--auth-border:#27a41147;--brand-green-solid:#27a411;--brand-green-dark:#1e8a0d;--text-dark:#111a0f;--auth-muted:#5a7a52;--auth-input-bg:#f7fcf4;--auth-error:#a32d2d;--brand-green-pale:#f0fbed;--text-mid:#3d5238;--text-muted:#6b8c63;--brand-green:#156806db;--white:#fff;--border:#27a4112e;--border-hover:#27a41166}.auth-page{background-color:var(--auth-bg);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;font-family:DM Sans,sans-serif;display:flex}.auth-card{background:var(--auth-card);border:1px solid var(--auth-border);box-sizing:border-box;border-radius:20px;width:100%;max-width:420px;padding:48px 44px;animation:.45s both auth-fade-up}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{color:var(--brand-green-solid);margin-bottom:16px;font-size:24px;animation:8s linear infinite auth-spin;display:block}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-title{color:var(--text-dark);letter-spacing:-.01em;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.2}.auth-subtitle{color:var(--auth-muted);margin:0;font-size:.875rem;line-height:1.5}.auth-subtitle strong{color:var(--text-dark);font-weight:600}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{letter-spacing:.05em;text-transform:uppercase;color:var(--auth-muted);font-size:.75rem;font-weight:600}.auth-input{background:var(--auth-input-bg);border:1.5px solid var(--auth-border);color:var(--text-dark);box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-appearance:none;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .18s,background .18s}.auth-input::placeholder{color:var(--auth-muted);opacity:.55}.auth-input:focus{border-color:var(--brand-green-solid);background:#fff}.auth-error{color:var(--auth-error);border:1px solid #a32d2d33;border-left:3px solid var(--auth-error);background:#a32d2d12;border-radius:0 8px 8px 0;margin:0;padding:10px 14px;font-size:.825rem}.generic-button{background:var(--brand-green-solid);color:var(--white);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:4px;padding:13px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:background .18s,transform .1s;display:flex}.auth-button:hover:not(:disabled){background:var(--brand-green-dark);transform:translateY(-1px)}.auth-button:active:not(:disabled){transform:scale(.98)}.auth-button:disabled{cursor:not-allowed;background:#a8cfa0;transform:none}.auth-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin-sm;display:inline-block}@keyframes auth-spin-sm{to{transform:rotate(360deg)}}.auth-switch{text-align:center;color:var(--auth-muted);margin-top:24px;font-size:.875rem}.auth-link{color:var(--brand-green-solid);font-weight:600;text-decoration:none;transition:color .18s}.auth-link:hover{color:var(--brand-green-dark)}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-wrapper .auth-input{padding-right:44px}.auth-eye{cursor:pointer;color:var(--auth-muted);background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .18s;position:absolute;right:12px}.auth-eye:hover{color:var(--brand-green-solid)}.loading{justify-content:center;align-items:center;gap:8px;margin-top:50px;padding:80px 0;display:flex}@keyframes auth-bounce{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.error-screen-full{background-color:var(--auth-bg);box-sizing:border-box;justify-content:center;min-height:100vh;padding:60px 20px;font-family:DM Sans,sans-serif;display:flex}.error-card{flex-direction:column;gap:15px;padding:48px;font-family:DM Sans,sans-serif;display:flex}.error-card p{font-size:16px}.error-icon{align-self:center;width:450px;height:450px}@media (width<=860px){.auth-page{padding-top:40px;padding-bottom:100px}.error-screen-full{padding-top:0;padding-bottom:100px}.error-card{gap:10px;padding:0}}@media (width<=560px){.auth-page{align-items:flex-start;padding-top:100px;padding-bottom:40px}.auth-card{border-radius:16px;padding:32px 24px}.error-screen-full{padding-top:0;padding-bottom:90px}.error-card{gap:20px;padding:0}.auth-title{font-size:24px}.auth-switch{margin-bottom:16px}}.header-menu{background-color:var(--light-green);z-index:999;box-sizing:border-box;border-bottom:2px solid #38543365;align-items:center;width:100%;height:64px;padding:0 8px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 16px #3c5a3714}.header-routing-buttons{flex-wrap:wrap;align-items:center;gap:4px;width:100%;padding:0 16px;display:flex}.header-buttons{color:#2a3828da;letter-spacing:.02em;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;background:0 0;border:none;align-items:center;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.header-buttons:hover{color:#355a2e;background:#5a8c5014}.header-buttons.active{color:#4b8241;border-bottom:2px solid #4b8241}.header-spacer{flex-grow:1}.footer-menu{display:none}@media (width<=860px){.header-menu{display:none}.footer-menu{z-index:999;box-sizing:border-box;width:100%;height:68px;padding-bottom:env(safe-area-inset-bottom);background-color:#e2ffab;border-top:1px solid #5a8c5065;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 16px #3c5a3714}.footer-icon-button{color:#2a382873;-webkit-font-smoothing:antialiased;background-color:#e2ffab;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.footer-icon-button.active,.footer-icon-button:hover{color:#4b8241}}@media (width<=580px){.header-menu{display:none}.footer-menu{z-index:999;box-sizing:border-box;width:100%;height:68px;padding-bottom:env(safe-area-inset-bottom);background-color:#f7f9f4;border-top:1px solid #5a8c5033;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 16px #3c5a3714}.footer-icon-button{color:#2a382873;-webkit-font-smoothing:antialiased;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.footer-icon-button.active,.footer-icon-button:hover{color:#4b8241}}.welcome-page{background:var(--white);width:100%;min-height:100vh;color:var(--text-dark);padding-top:60px;font-family:DM Sans,sans-serif;overflow-x:hidden}.wp-hero{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;min-height:calc(100vh - 64px);display:grid}.wp-hero-left{flex-direction:column;align-items:start;gap:0;padding:60px 2.9vw;display:flex}.header-and-sub{flex-direction:column;align-items:start;gap:10px;display:flex}.header-and-icon{flex-direction:row-reverse;justify-content:space-between;width:100%;height:max-content;display:flex}.header-and-icon img{width:140px;height:140px}.wp-hero-left h1{letter-spacing:-.02em;margin-bottom:1.2rem;font-size:clamp(2rem,3.5vw,3rem)}.wp-hero-sub{color:var(--text-mid);text-align:left;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.7}.wp-cta-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.wp-btn-primary{background:var(--brand-green-solid);color:var(--white);cursor:pointer;border:none;border-radius:10px;padding:13px 28px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:background .18s,transform .1s;display:inline-block}.wp-btn-primary:hover{background:var(--brand-green-dark)}.wp-btn-primary:active{transform:scale(.98)}.wp-btn-ghost{color:var(--text-mid);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:12px 24px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:border-color .18s,color .18s;display:inline-block}.wp-btn-ghost:hover{border-color:var(--brand-green-solid);color:var(--brand-green-solid)}.text-card{text-align:start;background-color:var(--brand-green);height:min-content;color:var(--white);border-radius:10px;align-items:flex-start;margin-top:20px;padding:25px 30px;font-size:20px}.text-card h2{margin-bottom:8px}.text-card ul{margin-left:20px}.wp-hero-right{background:var(--brand-green-pale);flex-direction:column;padding:56px 60px;display:flex}.wp-quiz-label{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-green);margin-top:190px;font-size:18px;font-weight:700}.quiz-meta{justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:1rem;display:flex}.quiz-badge{background:var(--brand-green-dark);color:var(--white);letter-spacing:.03em;border-radius:20px;padding:4px 12px;font-size:16px;font-weight:600}.quiz-counter{color:var(--brand-green-dark);font-size:.82rem}.quiz-dots{gap:5px;margin-bottom:1.5rem;display:flex}.quiz-dot{background:#150404c8;border-radius:50%;width:6px;height:6px;transition:background .2s}.quiz-dot.done{background:#221212d9}.quiz-dot.active{background:var(--brand-green-dark);border-radius:4px;width:20px}.quiz-question{color:var(--brand-green-dark);margin-bottom:1.5rem;font-size:22px;font-weight:600;line-height:1.45}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-opt{background:var(--light-green);color:var(--brand-green-dark);cursor:pointer;text-align:left;border:1.5px solid #ffffff4d;border-radius:10px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;transition:background .15s,border-color .15s}.quiz-opt:hover:not(:disabled){border-color:var(--brand-green-dark);color:var(--brand-green-dark);background:#ffffff38}.quiz-opt:disabled{cursor:default}.quiz-opt.correct{border-color:var(--brand-green-dark);color:var(--white);background:#1e8a0dd5;font-weight:600}.quiz-opt.wrong{color:#ffffffd9;background:#b708087f;border-color:#eb2424b3}.quiz-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.quiz-feedback{color:#fff9;font-size:.875rem;font-style:italic}.quiz-feedback.ok,.quiz-feedback.bad{color:var(--brand-green-dark);font-size:18px}.quiz-btn{background:var(--brand-green-dark);color:var(--brand-green-pale);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;transition:opacity .15s,transform .1s}.quiz-btn:hover{opacity:.9}.quiz-btn:active{transform:scale(.97)}.quiz-btn:disabled{color:#fff9;cursor:default;background:#00640559}.quiz-done{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.quiz-done-score{color:var(--brand-green-dark);font-family:DM Sans,sans-serif;font-size:3.5rem;font-weight:700;line-height:1}.quiz-done-title{color:var(--brand-green-dark);font-size:1.15rem;font-weight:600}.quiz-done-sub{color:var(--brand-green-dark);margin-bottom:.5rem;font-size:.875rem}.wp-features{border-top:1px solid var(--border);padding:80px 6vw}.wp-cards-grid{flex-direction:column;margin-top:30px;display:flex}@keyframes wp-bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.wp-contact{background:var(--brand-green-pale);border-top:1px solid var(--border);width:100%;padding:40px 10vw}.wp-contact-inner{flex-direction:column;align-items:center;display:flex}.wp-contact-info h2{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:700;line-height:1.2}.wp-contact-details{flex-direction:column;gap:1.1rem;display:flex}.wp-contact-form-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:2.25rem 2.5rem}.wp-form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.wp-form-group{flex-direction:column;margin-bottom:1rem;display:flex}.wp-form-group label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.78rem;font-weight:600}.wp-form-group input,.wp-form-group textarea{border:1.5px solid var(--border);background:var(--brand-green-pale);width:100%;color:var(--text-dark);resize:vertical;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .15s,background .15s}.wp-form-group input:focus,.wp-form-group textarea:focus{border-color:var(--brand-green-solid);background:var(--white)}.wp-form-group input::placeholder,.wp-form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.wp-form-group textarea{min-height:120px}.wp-form-submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.wp-form-note{color:var(--text-muted);font-size:.78rem}.wp-form-btn{background:var(--brand-green-solid);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:13px 28px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:background .18s,transform .1s;display:flex}.wp-form-btn:hover{background:var(--brand-green-dark)}.wp-form-btn:active{transform:scale(.98)}.wp-form-btn:disabled{cursor:not-allowed;background:#b9ddc7;transform:none}.wp-form-banner{border-radius:10px;align-items:center;gap:.6rem;margin-top:1.25rem;padding:.85rem 1.1rem;font-size:.875rem;font-weight:500;display:flex}.wp-form-banner.success{color:#1e5c3f;background:#edf8f2;border:1px solid #6dbf8c}.wp-form-banner.error{color:#a32d2d;background:#fdf0f0;border:1px solid #f5c6c6}.wp-contact-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:320px;display:flex}.wp-success-icon{background:var(--brand-green-pale);width:56px;height:56px;color:var(--brand-green-solid);border:1.5px solid #27a4114d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.wp-contact-success h3{color:var(--text-dark);font-family:Lora,Georgia,serif;font-size:1.3rem;font-weight:700}.wp-contact-success p{color:var(--text-muted);max-width:260px;font-size:.95rem;line-height:1.6}@media (width<=860px){.wp-hero{min-height:unset;grid-template-columns:1fr}.wp-hero-left{padding:4px 6vw 30px}.welcome-page{padding-top:20px}.wp-hero-left h1{font-size:1.75rem}.wp-hero-sub{padding-right:50px}.header-and-icon img{width:200px;height:200px}.header-and-sub{justify-content:end}.text-card{background-color:var(--brand-green-dark);width:100%;height:40%;color:var(--white);border-radius:10px;align-items:flex-start;margin-top:10px;padding:20px 25px 25px;font-size:18px}.text-card li{margin-bottom:10px}.wp-hero-right{margin-bottom:60px;padding:40px 6vw 48px}.wp-quiz-label{margin-top:0;margin-bottom:1.25rem}.quiz-opt,.quiz-btn{font-size:1rem}.wp-contact{padding:40px 6vw}.wp-contact-form-card{padding:1.75rem 1.5rem}}@media (width<=560px){.welcome-page{padding-top:20px}.wp-hero-left{align-items:center;padding:5px 10vw 2px}.wp-hero-left h1{align-self:center;font-size:1.75rem}.header-and-icon img{width:240px;height:240px}.header-and-sub{flex-direction:column;justify-content:center;align-items:start;gap:10px;display:flex}.wp-hero-sub{text-align:center;padding-right:0}.header-and-icon{flex-direction:column;align-items:center;gap:10px;display:flex}.text-card{text-align:center;background-color:var(--brand-green);width:100%;height:min-content;color:var(--white);border-radius:10px;align-items:flex-start;margin-top:10px;padding:10px 25px 25px}.wp-hero-right{margin-bottom:70px;padding:32px 5vw 40px}.wp-quiz-label{margin-top:0;margin-bottom:1rem;font-size:.8rem}.quiz-question{font-size:1rem}.quiz-opt{padding:11px 14px;font-size:.9rem}.quiz-footer{flex-direction:column;align-items:start}.quiz-btn{padding:9px 18px;font-size:.9rem}.wp-cta-row{flex-direction:column;align-items:stretch}.wp-btn-primary,.wp-btn-ghost{text-align:center}.wp-contact{margin-top:15px;margin-bottom:15px;padding:32px 0}.wp-contact-form-card{border-radius:14px}.wp-form-row{grid-template-columns:1fr}.wp-form-submit-row{flex-direction:column;align-items:stretch}.wp-form-btn{justify-content:center;width:100%}.wp-cards-grid{margin-top:20px}}.course-card{background:var(--light-green);border:1px solid var(--brand-green-dark);cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;min-height:180px;padding:40px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #1a2e1e12}.course-card:hover:not(.course-card--locked){border-color:var(--cp-green-400,#6aaa7d);transform:translateY(-3px);box-shadow:0 6px 20px #1a2e1e1f}.course-card--locked{opacity:.5;filter:grayscale(40%);cursor:pointer}.course-card--locked:hover{opacity:.65}.course-card-body{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.course-card-name{color:var(--brand-green-dark);font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;line-height:1.4}.course-card-price{color:var(--brand-green-dark);font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.4}.course-card-lock{flex-shrink:0;margin-top:1px;font-size:22px}.course-card-locked-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cp-ink-soft,#7a8c7e);margin:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.cp-page{width:100%;color:var(--text-dark);min-height:100vh;padding:56px 4vw 80px;font-family:DM Sans,sans-serif}.cp-header{justify-content:space-between;align-items:center;gap:1rem;margin-top:30px;margin-bottom:1.5rem;display:flex}.cp-create-btn{background:var(--brand-green-solid);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:600;transition:background .18s,transform .1s}.cp-create-btn:hover{background:var(--brand-green-dark)}.cp-create-btn:active{transform:scale(.98)}.cp-search-wrap{align-items:center;margin-bottom:1.75rem;display:flex;position:relative}.cp-search-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.cp-search-input{border:1.5px solid var(--border);background:var(--brand-green-pale);width:100%;color:var(--text-dark);border-radius:12px;outline:none;padding:.75rem 2.75rem;font-family:DM Sans,sans-serif;font-size:1rem;transition:border-color .15s,background .15s,box-shadow .15s}.cp-search-input::placeholder{color:var(--text-muted)}.cp-search-input:focus{border-color:var(--brand-green-solid);background:var(--white);box-shadow:0 0 0 3px rgba(var(--brand-green-rgb,46, 125, 80), .1)}.cp-search-clear{background:var(--border-hover,#ccc);width:24px;height:24px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;right:12px}.cp-search-clear:hover{background:var(--brand-green-solid);color:var(--white)}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;display:grid}.cp-card-wrap{position:relative}.cp-card-actions{opacity:0;z-index:2;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:.6rem;right:.6rem}.cp-card-wrap:hover .cp-card-actions{opacity:1}.cp-card-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:flex}.cp-card-edit{color:#3a7d52}.cp-card-edit:hover{color:#1e5c3f;background:#edf7f0}.cp-card-delete{color:#a05050}.cp-card-delete:hover{color:#c0392b;background:#fdf0f0}.loading{justify-content:center;align-items:center;gap:8px;padding:6rem 0;display:flex}@keyframes cp-bounce{0%,80%,to{opacity:.35;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.cp-empty{border:1.5px dashed var(--border-hover);background:var(--brand-green-pale);color:var(--text-muted);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:5rem 2rem;display:flex}.cp-empty-icon{background:var(--white);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.25rem;font-size:22px;display:flex}.cp-empty p{color:var(--text-muted);margin:0;font-size:.95rem}.cp-empty p strong{color:var(--text-dark)}.cp-empty-cta{background:var(--brand-green-solid);color:var(--white);cursor:pointer;border:none;border-radius:10px;margin-top:.25rem;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:background .18s,transform .1s}.cp-empty-cta:hover{background:var(--brand-green-dark)}.cp-empty-cta:active{transform:scale(.98)}.cp-modal-backdrop{z-index:100;background:#0a1e1273;justify-content:center;align-items:center;padding:1rem;animation:.18s cp-fade-in;display:flex;position:fixed;inset:0}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}.cp-modal{background:var(--white);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:380px;padding:2.25rem 2rem 1.75rem;animation:.22s cubic-bezier(.34,1.2,.64,1) cp-slide-up;display:flex}@keyframes cp-slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cp-modal-icon{background:var(--brand-green-pale);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.4rem;font-size:22px;display:flex}.cp-modal-icon--danger{color:#c0392b;background:#fdf0f0;border-color:#c0392b33}.cp-modal-title{color:var(--text-dark);text-align:center;letter-spacing:-.01em;margin:0;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700}.cp-modal-body{color:var(--text-muted);text-align:center;margin:.2rem 0 .75rem;font-family:DM Sans,sans-serif;font-size:1.1rem;line-height:1.55}.cp-modal-body strong{color:var(--text-dark);font-weight:600}.cp-modal-actions{gap:.65rem;width:100%;display:flex}.cp-modal-cancel,.cp-modal-confirm,.cp-modal-danger{cursor:pointer;border-radius:10px;flex:1;padding:11px;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600;transition:background .15s,transform .1s}.cp-modal-cancel{border:1.5px solid var(--border-hover);color:var(--text-mid);background:0 0}.cp-modal-cancel:hover{background:var(--brand-green-pale)}.cp-modal-confirm{background:var(--brand-green-solid);color:var(--white);border:none}.cp-modal-confirm:hover{background:var(--brand-green-dark)}.cp-modal-confirm:active{transform:scale(.98)}.cp-modal-confirm:disabled{cursor:not-allowed;background:#b9ddc7}.cp-modal-danger{color:var(--white);background:#e74c3c;border:none}.cp-modal-danger:hover{background:#c0392b}.cp-modal-danger:active{transform:scale(.98)}.cp-modal-danger:disabled{cursor:not-allowed;background:#f5c6c6}.cp-edit-modal{align-items:stretch;max-width:420px}.cp-edit-field{flex-direction:column;gap:.4rem;width:100%;margin-bottom:.25rem;display:flex}.cp-edit-field label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:600}.cp-edit-field input{border:1.5px solid var(--border);background:var(--brand-green-pale);width:100%;color:var(--text-dark);border-radius:10px;outline:none;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:1rem;transition:border-color .15s,background .15s}.cp-edit-field input:focus{border-color:var(--brand-green-solid);background:var(--white)}.cp-edit-error{color:#c0392b;width:100%;margin:0;font-size:.825rem}.text-card{text-align:start;background-color:var(--brand-green);width:100%;height:min-content;color:var(--white);border-radius:10px;align-items:flex-start;margin-top:10px;padding:25px 30px;font-size:20px}.text-card p{margin-bottom:10px}@media (width<=860px){.cp-page{padding:10px 5vw 90px}.cp-header{margin-top:10px;margin-bottom:1.25rem}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem}.cp-card-actions{opacity:1}.text-card{background-color:var(--brand-green-dark);padding:20px 25px;font-size:18px}.cp-search-input{font-size:.95rem}}@media (width<=560px){.cp-page{padding:10px 5vw 90px}.cp-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.cp-create-btn{text-align:center;width:100%}.cp-search-wrap{margin-bottom:1.25rem}.cp-search-input{padding:.7rem 2.5rem;font-size:.9rem}.cp-grid{grid-template-columns:1fr;gap:.75rem}.cp-empty{padding:3.5rem 1.25rem}.cp-modal{border-radius:16px;padding:1.75rem 1.25rem 1.5rem}.cp-modal-actions{flex-direction:column}.text-card{background-color:var(--brand-green);text-align:center;padding:10px 25px 25px}}:root{--ccp-green-900:#1a2e1e;--ccp-green-800:#1f3824;--ccp-green-700:#2d4f34;--ccp-green-500:#4a7c59;--ccp-green-400:#6aaa7d;--ccp-green-200:#c4dfc9;--ccp-green-100:#e6f2e9;--ccp-green-50:#f3f9f4;--ccp-offwhite:#f8f5f0;--ccp-cream:#f0ece4;--ccp-ink:#2a3828da;--ccp-ink-mid:#4a5548;--ccp-ink-soft:#7a8c7e;--ccp-radius-sm:6px;--ccp-radius-md:10px;--ccp-radius-lg:16px;--ccp-shadow-card:0 1px 3px #1a2e1e12, 0 4px 12px #1a2e1e0d;--ccp-shadow-form:0 2px 8px #1a2e1e1a, 0 12px 32px #1a2e1e14}.ccp-page{flex-direction:column;gap:24px;width:100%;padding:56px 4vw 80px;font-family:DM Sans,sans-serif;display:flex}.ccp-header{flex-direction:column;align-items:flex-start;gap:16px;padding-top:20px;padding-bottom:4px;display:flex}.ccp-back{color:var(--brand-green);cursor:pointer;background:0 0;border:none;gap:6px;margin-top:20px;padding:0;font-family:DM Sans,sans-serif;font-size:18px;transition:color .15s;display:inline-flex}.ccp-back:hover{color:var(--ccp-ink)}.ccp-back-arrow{font-size:16px}.ccp-title{color:#2a3828da;align-self:center;font-size:28px;font-weight:600}.ccp-card{border:1px solid var(--border);border-radius:var(--ccp-radius-lg);width:80%;box-shadow:var(--ccp-shadow-card);background:#ebf4df;align-self:center;padding:40px}.ccp-label{letter-spacing:.07em;color:var(--ccp-ink);margin-bottom:10px;font-size:18px;font-weight:500;display:flex}.ccp-input{width:100%;color:var(--ccp-ink);background:var(--ccp-offwhite);border:1px solid var(--brand-green-dark);border-radius:var(--ccp-radius-md);outline:none;margin-bottom:10px;padding:15px 14px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .15s,background .15s,box-shadow .15s}.ccp-input::placeholder{color:var(--ccp-ink-soft)}.ccp-input:focus{border-color:var(--ccp-green-500);box-shadow:0 0 0 3px var(--ccp-green-100);background:#fff}.ccp-count{background:var(--brand-green-dark);color:#fff;letter-spacing:0;text-transform:none;border-radius:999px;margin-left:12px;padding:4px 10px;font-size:13px}.ccp-textarea{resize:vertical;min-height:80px;line-height:1.5}.ccp-questions-section{flex-direction:column;align-self:center;gap:14px;width:80%;display:flex}.ccp-questions-toolbar{justify-content:space-between;align-items:center;display:flex}.ccp-toggle-btn{border-radius:var(--ccp-radius-md);border:1px solid var(--ccp-green-400);background:var(--ccp-green-100);color:var(--ccp-green-800);cursor:pointer;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;transition:background .15s,border-color .15s}.ccp-toggle-btn:hover{background:var(--ccp-green-200)}.ccp-toggle-btn--cancel{background:var(--ccp-cream);border-color:var(--ccp-green-200);color:var(--ccp-ink-mid)}.ccp-toggle-btn--cancel:hover{background:var(--ccp-cream);border-color:#b0b8ad}.ccp-form{border:1px solid var(--ccp-green-200);border-radius:var(--ccp-radius-lg);box-shadow:var(--ccp-shadow-form);background:#fff;flex-direction:column;gap:20px;padding:22px 24px;animation:.18s ccpSlide;display:flex}@keyframes ccpSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ccp-form-row{flex-direction:column;gap:8px;display:flex}.ccp-form-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ccp-green-500);font-size:16px;font-weight:500}.ccp-form-hint{color:var(--ccp-ink-soft);margin:-4px 0 4px;font-size:14px}.ccp-optional{text-transform:none;letter-spacing:0;color:var(--ccp-ink-soft);font-size:11px;font-weight:400}.ccp-answers{flex-direction:column;gap:8px;display:flex}.ccp-answer-row{border-radius:var(--ccp-radius-md);background:var(--ccp-green-50);border:1px solid #0000;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:border-color .15s,background .15s;display:flex}.ccp-answer-row--correct{border-color:var(--ccp-green-400);background:var(--ccp-green-100)}.ccp-radio{cursor:pointer;border-radius:var(--ccp-radius-sm);color:var(--ccp-ink-soft);background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:4px 6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:color .15s;display:flex}.ccp-answer-row--correct .ccp-radio{color:var(--ccp-green-700)}.ccp-radio-label{text-align:center;width:16px}.ccp-radio-dot{border:1.5px solid var(--ccp-ink-soft);border-radius:50%;width:14px;height:14px;transition:border-color .15s,background .15s;display:inline-block}.ccp-answer-row--correct .ccp-radio-dot{border-color:var(--ccp-green-500);background:var(--ccp-green-500);box-shadow:0 0 0 3px var(--ccp-green-100)}.ccp-answer-input{background:#fff}.ccp-answer-row--correct .ccp-answer-input{border-color:var(--ccp-green-200)}.ccp-remove-answer-btn{color:var(--ccp-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:11px;transition:color .15s,background .15s}.ccp-remove-answer-btn:hover{color:#b04040;background:#fdf0f0}.ccp-add-answer-btn{border:1.5px dashed var(--ccp-green-400);border-radius:var(--ccp-radius-md);color:var(--ccp-green-700);cursor:pointer;background:0 0;align-self:flex-start;margin-top:4px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.ccp-add-answer-btn:hover{border-color:var(--ccp-green-700);background:var(--ccp-green-50)}.ccp-form-footer{border-top:1px solid var(--ccp-green-100);justify-content:flex-end;padding-top:4px;display:flex}.ccp-confirm-btn{border-radius:var(--ccp-radius-md);border:1px solid var(--ccp-green-700);background:var(--ccp-green-700);color:#fff;cursor:pointer;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.ccp-confirm-btn:hover:not(:disabled){background:var(--ccp-green-800)}.ccp-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.ccp-list{flex-direction:column;gap:10px;display:flex}.ccp-q-card{flex-direction:column;gap:30px;display:flex}.ccp-q-card-top{align-items:flex-start;gap:10px;display:flex}.ccp-q-index{color:var(--ccp-green-700);background:var(--ccp-green-100);border:1px solid var(--ccp-green-200);border-radius:5px;padding:3px 7px;font-size:16px;font-weight:600}.ccp-q-text{color:var(--ccp-ink);flex:1;font-size:18px;font-weight:500;line-height:1.4}.ccp-remove-btn{color:var(--ccp-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:16px;transition:color .15s,background .15s}.ccp-remove-btn:hover{color:#b04040;background:#fdf0f0}.ccp-pills{flex-wrap:wrap;gap:6px;display:flex}.ccp-pill{border:1px solid var(--ccp-green-200);background:var(--ccp-green-50);color:var(--ccp-ink-mid);border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 6px;font-size:16px;display:inline-flex}.ccp-pill--correct{border-color:var(--ccp-green-400);background:var(--ccp-green-100);color:var(--ccp-green-800);font-weight:500}.ccp-pill-label{color:var(--ccp-green-500);background:var(--ccp-green-200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;display:inline-flex}.ccp-pill--correct .ccp-pill-label{background:var(--ccp-green-500);color:#fff}.ccp-q-desc{color:var(--ccp-ink-mid);background:var(--ccp-green-50);border-left:3px solid var(--ccp-green-400);border-radius:0 var(--ccp-radius-sm) var(--ccp-radius-sm) 0;align-items:flex-start;gap:6px;margin:0;padding:8px 12px;font-size:16px;line-height:1.5;display:flex}.ccp-q-desc-icon{flex-shrink:0}.ccp-empty{border:1px dashed var(--ccp-green-200);border-radius:var(--ccp-radius-lg);color:var(--ccp-ink-soft);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;font-size:13.5px;display:flex}.ccp-empty p{margin:0}.ccp-empty-icon{font-size:28px}.ccp-submit{border-radius:var(--ccp-radius-md);border:1px solid var(--ccp-green-800);background:var(--ccp-green-800);color:#fff;cursor:pointer;letter-spacing:.02em;align-self:center;width:80%;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .15s,transform .1s}.ccp-submit:hover:not(:disabled){background:var(--ccp-green-900);transform:translateY(-1px)}.ccp-submit:active:not(:disabled){transform:translateY(0)}.ccp-submit:disabled{opacity:.35;cursor:not-allowed;transform:none}.ccp-input--error{background-color:#fff8f8!important;border-color:#b04040!important}.ccp-answer-row--error{background-color:#fdf2f2!important;border-color:#fce8e8!important}.ccp-error-text{color:#b04040;margin-top:4px;font-size:12px;font-weight:500}.ccp-submit-wrapper{flex-direction:column;align-self:center;gap:12px;width:80%;display:flex}.ccp-global-error{color:#b04040;border-radius:var(--ccp-radius-md);text-align:center;background:#fdf0f0;border:1px solid #f8d7da;padding:12px;font-size:14px;font-weight:500}@media (width<=860px){.ccp-page{padding:5px 5vw 100px}.ccp-card,.ccp-questions-section,.ccp-submit{width:100%}.ccp-card{padding:28px 24px}.ccp-submit-wrapper{width:100%}}@media (width<=500px){.ccp-page{gap:18px;padding:28px 4vw 56px}.ccp-header{gap:10px;padding-top:8px}.ccp-back{margin-top:0;font-size:15px}.ccp-title{font-size:22px}.ccp-card{padding:20px 16px}.ccp-label{font-size:15px}.ccp-input{padding:12px;font-size:15px}.ccp-questions-toolbar{flex-wrap:wrap;gap:8px}.ccp-toggle-btn{padding:6px 13px;font-size:12px}.ccp-form{gap:16px;padding:16px}.ccp-answer-row{gap:6px;padding:5px 8px 5px 4px}.ccp-add-answer-btn{padding:5px 12px;font-size:11px}.ccp-confirm-btn{text-align:center;width:100%}.ccp-form-footer{justify-content:stretch}.ccp-pills{gap:4px}.ccp-pill{padding:3px 8px 3px 5px;font-size:11px}.ccp-submit{width:100%;font-size:14px}}.cd-page{color:#1a2e22;box-sizing:border-box;background:0 0;width:100%;padding:100px;font-family:DM Sans,sans-serif}.cd-tabs{border-bottom:1.5px solid #d1e8d8;margin-bottom:2rem;padding:0 .25rem;display:flex}.cd-header{align-self:flex-start;margin-top:20px;margin-bottom:20px;margin-left:10px;display:flex}.cd-tabs button{color:#7aaa8a;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;outline:none;padding:.65rem 1.4rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;transition:color .2s;position:relative}.cd-tabs button:after{content:"";background:#2e7d52;border-radius:2px 2px 0 0;height:2px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1.5px;left:.25rem;right:.25rem;transform:scaleX(0)}.cd-tabs button:hover{color:#2e7d52}.cd-tabs button.active{color:#1a4f33}.cd-tabs button.active:after{transform:scaleX(1)}.cd-practice{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}.cd-question-list-wrap{flex-direction:column;gap:.5rem;display:flex}.cd-list-add-btn{color:#2e7d52;cursor:pointer;background:0 0;border:1.5px dashed #b9ddc7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.6rem 1rem;font-family:DM Sans,sans-serif;font-size:.825rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.cd-list-add-btn:hover{background:#edf7f0;border-color:#4caf7d}.cd-question-list{background:#f4faf6;border:1px solid #d8ede0;border-radius:14px;flex-direction:column;gap:.3rem;max-height:calc(100vh - 280px);padding:.6rem;display:flex;overflow-y:auto}.cd-question-list::-webkit-scrollbar{width:4px}.cd-question-list::-webkit-scrollbar-thumb{background:#b9ddc7;border-radius:4px}.cd-question-item{cursor:pointer;color:#3a5c47;border-radius:9px;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.875rem;line-height:1.45;transition:background .15s,color .15s;display:flex}.cd-question-item:hover{background:#e5f3eb}.cd-question-item.active{color:#fff;background:#2e7d52;font-weight:500}.cd-question-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cd-item-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.cd-question-item:hover .cd-item-actions,.cd-question-item.active .cd-item-actions{opacity:1}.cd-item-actions button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s,color .15s;display:flex}.cd-item-actions .btn-edit{color:#5a8a6e}.cd-item-actions .btn-edit:hover{color:#1a4f33;background:#2e7d5226}.cd-item-actions .btn-delete{color:#b07070}.cd-item-actions .btn-delete:hover{color:#c0392b;background:#c0392b1a}.cd-question-item.active .btn-edit{color:#ffffffb3}.cd-question-item.active .btn-edit:hover{color:#fff;background:#ffffff26}.cd-question-item.active .btn-delete{color:#ffc8c8cc}.cd-question-item.active .btn-delete:hover{color:#fcc;background:#ffffff1f}.cd-card{background:#fff;border:1px solid #d8ede0;border-radius:16px;min-height:280px;padding:1.75rem 2rem}.cd-card h2{color:#1a4f33;margin:0 0 1.25rem;font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4}.cd-card ul{flex-direction:column;gap:.45rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.cd-card li{color:#2c4a38;background:#f9fdfb;border:1px solid #e5eeea;border-radius:10px;align-items:center;gap:.7rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.cd-card li:before{content:"";background:#c8dfd1;border-radius:50%;flex-shrink:0;width:10px;height:10px}.cd-card li.correct{color:#1a4f33;background:#edf8f2;border-color:#6dbf8c;font-weight:500}.cd-card li.correct:before{background:#2e7d52}.cd-description{color:#3a5c47;background:#f4faf6;border-left:3px solid #4caf7d;border-radius:0 10px 10px 0;margin-top:1.1rem;padding:.95rem 1.1rem;font-size:.9rem;line-height:1.65}.cd-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3.5rem 2rem;display:flex}.cd-empty-icon{color:#4caf7d;background:#edf7f0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.25rem;display:flex}.cd-empty h3{color:#1a4f33;margin:0;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600}.cd-empty p{color:#8aab97;max-width:220px;margin:0;font-size:.875rem;line-height:1.55}.cd-back-btn{color:#2e7d52;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:3rem;padding:.5rem 0;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;display:none}.cd-add-btn{color:#fff;cursor:pointer;background:#2e7d52;border:none;border-radius:9px;align-items:center;gap:.4rem;margin-top:1.25rem;padding:.6rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:background .18s;display:inline-flex}.cd-add-btn:hover{background:#256643}.cd-card p{color:#8aab97;font-size:.9rem}.cd-quiz-student-wrap{max-width:680px;margin:0 auto}.cdq-wrap{background:var(--brand-green-pale,#f0fbed);border:1px solid #27a4112e;border-radius:16px;padding:2rem 2.5rem}.cdq-meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.cdq-badge{background:var(--brand-green-dark,#1e8a0d);color:#fff;letter-spacing:.03em;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.cdq-counter{color:var(--brand-green-dark,#1e8a0d);font-size:.82rem;font-weight:500}.cdq-dots{flex-wrap:wrap;gap:5px;margin-bottom:1.5rem;display:flex}.cdq-dot{background:#27a41140;border-radius:50%;width:6px;height:6px;transition:background .2s,width .2s}.cdq-dot.done{background:#27a41199}.cdq-dot.active{background:var(--brand-green-dark,#1e8a0d);border-radius:4px;width:20px}.cdq-question{color:var(--brand-green-dark,#1e8a0d);margin-bottom:1.25rem;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.45}.cdq-options{flex-direction:column;gap:10px;display:flex}.cdq-opt{background:var(--light-green,#d7ecb0);color:var(--brand-green-dark,#1e8a0d);cursor:pointer;text-align:left;border:1.5px solid #27a41140;border-radius:10px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;transition:background .15s,border-color .15s}.cdq-opt:hover:not(:disabled){border-color:var(--brand-green-dark,#1e8a0d);background:#27a41126}.cdq-opt:disabled{cursor:default}.cdq-opt.correct{border-color:var(--brand-green-dark,#1e8a0d);color:#fff;background:#1e8a0dd5;font-weight:600}.cdq-opt.wrong{color:#a32d2d;background:#b708081f;border-color:#eb242480}.cdq-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.cdq-feedback{color:#0000;font-size:.9rem;font-style:italic;font-weight:500}.cdq-feedback.ok{color:var(--brand-green-dark,#1e8a0d)}.cdq-feedback.bad{color:#a32d2d}.cdq-btn{background:var(--brand-green-dark,#1e8a0d);color:var(--brand-green-pale,#f0fbed);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;transition:opacity .15s,transform .1s}.cdq-btn:hover{opacity:.88}.cdq-btn:active{transform:scale(.97)}.cdq-btn:disabled{color:#fff9;cursor:default;background:#0064054d}.cdq-done{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.cdq-done-score{color:var(--brand-green-dark,#1e8a0d);font-family:DM Sans,sans-serif;font-size:4rem;font-weight:700;line-height:1}.cdq-done-title{color:var(--brand-green-dark,#1e8a0d);font-size:1.2rem;font-weight:600}.cdq-done-sub{color:#5a8a6e;margin-bottom:.5rem;font-size:.9rem}.loading{justify-content:center;align-items:center;gap:8px;height:200px;display:flex}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes cd-bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.cd-modal-backdrop{z-index:100;background:#0a1e1273;justify-content:center;align-items:center;padding:1rem;animation:.18s cd-fade-in;display:flex;position:fixed;inset:0}@keyframes cd-fade-in{0%{opacity:0}to{opacity:1}}.cd-modal{box-sizing:border-box;background:#fff;border:1px solid #d8ede0;border-radius:18px;width:100%;max-width:520px;max-height:90vh;padding:2rem;animation:.22s cubic-bezier(.34,1.2,.64,1) cd-slide-up;overflow-y:auto}@keyframes cd-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cd-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.cd-modal-header h3{color:#1a4f33;margin:0;font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:600}.cd-modal-close{color:#5a8a6e;cursor:pointer;background:#f4faf6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.cd-modal-close:hover{color:#1a4f33;background:#e5f3eb}.cd-field{margin-bottom:1.1rem}.cd-field label{letter-spacing:.04em;text-transform:uppercase;color:#5a8a6e;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.cd-field textarea{box-sizing:border-box;color:#1a2e22;resize:vertical;background:#f9fdfb;border:1px solid #d8ede0;border-radius:10px;outline:none;width:100%;padding:.7rem .9rem;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .15s}.cd-field textarea:focus{background:#fff;border-color:#4caf7d}.cd-field textarea.cd-input-error{background:#fff9f9;border-color:#e74c3c}.cd-answers-editor{flex-direction:column;gap:.45rem;margin-bottom:1.1rem;display:flex}.cd-answers-editor label{letter-spacing:.04em;text-transform:uppercase;color:#5a8a6e;margin-bottom:.1rem;font-size:.8rem;font-weight:600}.cd-answer-row{align-items:flex-start;gap:.5rem;display:flex}.cd-answer-row input[type=radio]{accent-color:#2e7d52;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:.55rem}.cd-answer-input-wrap{flex-direction:column;flex:1;gap:.2rem;display:flex}.cd-answer-input-wrap input[type=text]{color:#1a2e22;box-sizing:border-box;background:#f9fdfb;border:1px solid #d8ede0;border-radius:9px;outline:none;width:100%;padding:.6rem .85rem;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .15s}.cd-answer-input-wrap input[type=text]:focus{background:#fff;border-color:#4caf7d}.cd-answer-input-wrap input[type=text].cd-input-error{background:#fff9f9;border-color:#e74c3c}.cd-answer-row.is-correct .cd-answer-input-wrap input[type=text]{background:#edf8f2;border-color:#6dbf8c}.cd-answer-row .btn-remove-answer{color:#b07070;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:.45rem;padding:0;transition:background .15s;display:flex}.cd-answer-row .btn-remove-answer:hover{color:#c0392b;background:#c0392b1a}.cd-add-answer-btn{color:#5a8a6e;cursor:pointer;background:0 0;border:1.5px dashed #b9ddc7;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;width:100%;margin-top:.2rem;padding:.5rem .9rem;font-family:DM Sans,sans-serif;font-size:.85rem;transition:border-color .15s,color .15s,opacity .15s;display:inline-flex}.cd-add-answer-btn:hover:not(:disabled){color:#2e7d52;border-color:#4caf7d}.cd-add-answer-btn:disabled{opacity:.5;cursor:not-allowed;border-style:solid}.cd-answer-hint{color:#8aab97;margin-top:.3rem;font-size:.78rem}.cd-char-count{text-align:right;color:#8aab97;margin-top:.2rem;font-size:.75rem;display:block}.cd-char-count.cd-char-over{color:#e74c3c;font-weight:600}.cd-field-error{color:#c0392b;margin-top:.2rem;font-size:.78rem;display:block}.cd-form-error{color:#c0392b;background:#fff5f5;border:1px solid #f5c6c6;border-radius:8px;margin:0 0 .5rem;padding:.6rem .9rem;font-size:.85rem}.cd-modal-footer{border-top:1px solid #e8f4ec;justify-content:flex-end;gap:.6rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.cd-btn-secondary{color:#5a8a6e;cursor:pointer;background:#fff;border:1px solid #d8ede0;border-radius:9px;padding:.6rem 1.1rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;transition:background .15s}.cd-btn-secondary:hover{background:#f4faf6}.cd-btn-primary{color:#fff;cursor:pointer;background:#2e7d52;border:none;border-radius:9px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.cd-btn-primary:hover{background:#256643}.cd-btn-primary:disabled{cursor:not-allowed;background:#b9ddc7}.cd-confirm-modal{text-align:center;max-width:380px}.cd-confirm-icon{color:#c0392b;background:#fdf0f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;display:flex}.cd-confirm-modal h3{color:#1a2e22;margin:0 0 .5rem;font-family:DM Sans,sans-serif;font-size:1.1rem}.cd-confirm-modal p{color:#5a8a6e;margin:0 0 1.5rem;font-size:.875rem;line-height:1.55}.cd-confirm-actions{justify-content:center;gap:.6rem;display:flex}.cd-btn-danger{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:9px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.cd-btn-danger:hover{background:#c0392b}.cd-btn-danger:disabled{cursor:not-allowed;background:#f5c6c6}@media (width<=860px){.cd-page{padding:.8rem .8rem 90px}.cd-quiz-student-wrap{max-width:100%}.cdq-wrap{padding:1.5rem}.cdq-question{font-size:1.1rem}.cdq-opt{font-size:.95rem}.cd-modal{border-radius:16px;max-width:600px;height:350px;padding:1.4rem 1.2rem}.cd-modal-backdrop{align-items:baseline;padding-top:30px;padding-bottom:90px}}@media (width<=600px){.cd-page{padding-bottom:100px}.cd-tabs button{padding:.8rem 1rem;font-size:1.05rem}.cd-practice{display:block}.cd-question-list-wrap{width:100%}.cd-question-list-wrap.cd-hidden{display:none}.cd-question-list{border-radius:12px;max-height:none}.cd-card.cd-mobile-detail{border-radius:12px;padding:1.25rem 1.1rem;display:block}.cd-card.cd-hidden{display:none}.cd-back-btn{display:flex}.cd-list-add-btn{padding:.7rem 1rem;font-size:.875rem}.cdq-wrap{border-radius:12px;padding:1.25rem 1rem}.cdq-question{font-size:1rem}.cdq-opt{padding:11px 14px;font-size:.9rem}.cdq-btn{padding:9px 18px;font-size:.875rem}.cdq-done-score{font-size:3rem}.cdq-footer{flex-direction:column;align-items:stretch}.cdq-btn{text-align:center;justify-content:center}.cd-modal{border-radius:16px;height:85vh;padding:1.4rem 1.2rem}.cd-modal-backdrop{align-items:center;padding-bottom:90px}}.message-page{background:var(--white);width:100%;min-height:100vh;padding:100px 5vw 60px;font-family:DM Sans,sans-serif}.message-container{max-width:1100px;margin:0 auto}.message-header{border-bottom:2px solid var(--brand-green-pale);justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.header-title-area h1{color:var(--brand-green-dark);margin-bottom:.5rem;font-size:2.5rem}.header-title-area p{color:var(--text-mid)}.table-wrapper{background:var(--white);border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.message-table{border-collapse:collapse;text-align:left;width:100%}.message-table thead{background:var(--brand-green-dark);color:var(--white)}.message-table th{text-transform:uppercase;letter-spacing:.05em;padding:18px 24px;font-size:.85rem;font-weight:600}.message-table td{word-break:break-word;border-bottom:1px solid var(--brand-green-pale);width:fit-content;color:var(--text-dark);padding:16px 24px;font-size:1rem}.message-table tr:hover{background-color:var(--brand-green-pale)}.td-message{white-space:pre-wrap;max-width:800px;font-weight:400;line-height:1.6}.td-id{color:var(--text-mid);font-family:monospace}.td-name{font-weight:600}.view-btn{border:1.5px solid var(--brand-green);color:var(--brand-green);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-weight:600;transition:all .2s;display:flex}.view-btn:hover{background:var(--brand-green);color:var(--white)}.refresh-btn{align-items:center;gap:10px;display:flex}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state{justify-content:center;gap:8px;padding:100px 0;display:flex}.loading-dot{background:var(--brand-green);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both wp-bounce}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.error-message{color:#a32d2d;text-align:center;background:#fdf0f0;border:1px solid #f5c6c6;border-radius:10px;padding:1rem}@media (width<=860px){.message-page{padding-top:25px;padding-bottom:90px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.message-table th,.message-table td{padding:12px 16px;font-size:.9rem}.message-table th:first-child,.message-table td:first-child{display:none}.td-message{max-width:260px}.message-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width<=600px){.message-page{padding-bottom:90px}.message-table thead{display:none}.message-table,.message-table tbody,.message-table tr,.message-table td{width:100%;display:block}.message-table tr{border:1px solid var(--border);background:var(--white);border-radius:12px;margin-bottom:1rem;padding:12px 16px}.message-table tr:hover{background:var(--brand-green-pale)}.message-table td{border-bottom:none;padding:6px 0;font-size:.9rem}.message-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.td-message{max-width:100%}.td-id{display:none}}