.container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:20px;max-width:500px;margin:0 auto;padding:20px}.custom-button{position:relative;border:none;padding:0;cursor:pointer;min-width:200px!important;height:50px;overflow:visible;background:transparent!important;background-color:none;filter:drop-shadow(0px 2px 1px rgba(0,0,0,.1));transform:scale(1);transition:transform .3s ease-out display: inline-block;z-index:1;margin:1px;outline:none!important}.custom-button:hover{transform:scale(1.05);filter:drop-shadow(0px 4px 2px rgba(0,0,0,.1));transition:filter .2s box-shadow .4s transform .2s ease-in,filter .6s ease-out}.custom-button:active{transform:scale(1.02);transition:transform .1s ease;outline:none!important}.custom-button:focus{outline:none!important;box-shadow:none!important}.custom-button:focus-visible{outline:none!important;box-shadow:none!important}.bottom-div{position:absolute;bottom:0;left:0;width:100%;height:50px;box-sizing:border-box;background-color:transparent;border-radius:18px;transition:all .2s ease;z-index:1}.top-div{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:90%;height:30px;border:none;box-sizing:border-box;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:2;box-shadow:inset 5px 5px 10px var(--kassie-inset-shadow-color)}.bottom-div1{position:absolute;bottom:0;left:0;width:100%;height:50px;box-sizing:border-box;background-color:transparent;border-radius:18px;transition:all .2s ease;z-index:1}.top-div1{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:90%;height:30px;border:3px solid var(--kassie-black);box-sizing:border-box;transition:all .2s ease;background-color:var(--kassie-white);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:2}.top-div:hover{background-color:var(--kassie-light-color)}.content-wrapper{display:flex;align-items:center;gap:10px}.icon-placeholder{position:absolute;left:5%;width:24px;height:24px;background-image:var(--kassie-svg-buttons-leftarrow);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:2}.button-text{position:absolute;font-weight:700;right:15%;font-size:12px;color:var(--kassie-black);font-family:var(--kassie-font-houshka);z-index:2}.kassieBG{background-color:var(--kassie-button-middle)}.kassieBG:hover{background-color:var(--kassie-primary-color)}.kassieDarkBG{background-color:var(--kassie-secondary-color)}.whitenBG{background-color:var(--kassie-white)!important}.whitenBG:hover{background-color:var(--kassie-cyan-2)!important}.greenBG{background-color:var(--kassie-green-4)!important}.red1BG{background-color:var(--kassie-red-1)!important}.red2BG{background-color:var(--kassie-red-2)!important}.red3BG{background-color:var(--kassie-red-3)!important}.red4BG{background-color:var(--kassie-red-4)!important}.cyanBG{background-color:var(--kassie-cyan)!important}.blueBG,.blue1BG{background-color:var(--kassie-blue-4)!important}.pinkBG{background-color:var(--kassie-burgendy)!important}.purpleBG{background-color:var(--kassie-purple-4)!important}.redBG{background-color:var(--kassie-red-4)!important}.brownBG{background-color:var(--kassie-brown-4)!important}.goldBG{background-color:var(--kassie-secondary-color)!important}.icon-placeholder.leftarrow{background-image:var(--kassie-svg-buttons-leftarrow)}.icon-placeholder.rightarrow{background-image:var(--kassie-svg-buttons-rightarrow)}.icon-placeholder.home{background-image:var(--kassie-svg-buttons-home)}.icon-placeholder.play{background-image:var(--kassie-svg-buttons-play)}.icon-placeholder.close{background-image:var(--kassie-svg-buttons-close);height:24px;width:24px}.button-text.close{position:absolute}.icon-placeholder.tick{background-image:var(--kassie-svg-buttons-tick)}.icon-placeholder.next{background-image:var(--kassie-svg-buttons-rightarrow)}.icon-placeholder.back{background-image:var(--kassie-svg-buttons-leftarrow)}.icon-placeholder.rightarrow{left:auto;right:5%}.custom-button:has(.icon-placeholder.rightarrow) .button-text{right:auto;left:15%}.icon-placeholder.play{left:auto;right:5%}.custom-button:has(.icon-placeholder.play) .button-text{right:auto;left:15%}.icon-placeholder.website{background-image:var(--kassie-svg-buttons-website)}.icon-placeholder.edit{background-image:var(--kassie-svg-buttons-edit)}.icon-placeholder.logout{background-image:var(--kassie-svg-buttons-logout)}.icon-placeholder.privacypolicy{background-image:var(--kassie-svg-buttons-privacypolicy)}.icon-placeholder.deleteaccount{background-image:var(--kassie-svg-buttons-deleteaccount)}.icon-placeholder.kassiesstory{background-image:var(--kassie-svg-buttons-kassiesstory)}.icon-placeholder.contact{background-image:var(--kassie-svg-buttons-contact)}.icon-placeholder.onboarding{background-image:var(--kassie-svg-buttons-onboarding)}.icon-placeholder.email{background-image:var(--kassie-svg-buttons-email)}.icon-placeholder.star{background-image:var(--kassie-svg-buttons-star)}.button-text.star{right:1%}.icon-placeholder.addchild{background-image:var(--kassie-svg-buttons-addchild)}.icon-placeholder.profile{background-image:var(--kassie-svg-buttons-profile)}.icon-placeholder.lock{background-image:var(--kassie-svg-buttons-lock)}.icon-placeholder.restart{background-image:var(--kassie-svg-buttons-restart)}.btn-250{width:250px!important}.btn-240{width:240px!important}.btn-230{width:230px!important}.btn-220{width:220px!important}.btn-210{width:210px!important}.btn-200{width:200px!important}.btn-190{width:190px!important}.btn-180{width:180px!important}.btn-160{width:160px!important}.btn-140{width:140px!important}.btn-120{width:120px!important}.btn-extra-wide{width:190px!important}.btn-wide{width:180px!important}.btn-medium-large{width:170px!important}.btn-medium{width:160px!important}.btn-small{width:150px!important}.btn-extra-small{width:120px!important}.cms-toast{position:fixed;top:20px;right:20px;min-width:320px;max-width:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideInRight .3s ease-out;margin-bottom:10px}.cms-toast+.cms-toast{top:auto;margin-top:10px}.cms-toast-info{border-left:4px solid #2196F3}.cms-toast-warning{border-left:4px solid #FF9800}.cms-toast-error{border-left:4px solid #F44336}.cms-toast-success{border-left:4px solid #4CAF50}.toast-content{padding:16px}.toast-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.toast-icon{font-size:20px;flex-shrink:0;margin-top:2px}.toast-message{flex:1;font-size:14px;line-height:1.4;color:#333;font-weight:500}.toast-close{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.toast-close:hover{background-color:#f5f5f5}.toast-suggestions{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.toast-suggestions strong{font-size:13px;color:#666;display:block;margin-bottom:8px}.toast-suggestions ul{margin:0;padding-left:16px;font-size:13px;color:#666}.toast-suggestions li{margin-bottom:4px;line-height:1.3}.toast-actions{margin-top:12px;padding-top:12px;border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end}.error-modal .cms-modal{max-width:500px}.error-header{background:#ffebee;color:#c62828;display:flex;align-items:center;gap:12px}.error-icon{font-size:24px}.error-message{font-size:16px;line-height:1.5;color:#333;margin-bottom:16px}.error-suggestions{background:#f8f9fa;padding:16px;border-radius:6px;border-left:4px solid #2196F3}.error-suggestions h4{margin:0 0 12px;font-size:14px;color:#1976d2;font-weight:600}.error-suggestions ul{margin:0;padding-left:16px}.error-suggestions li{margin-bottom:8px;font-size:14px;line-height:1.4;color:#555}.form-input.error,.form-textarea.error,.form-select.error{border-color:#f44336;background-color:#ffebee}.field-error{display:none;color:#f44336;font-size:12px;margin-top:4px;font-weight:500}.field-error:before{content:"⚠ ";margin-right:4px}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.error-message .error-icon{font-size:48px;margin-bottom:16px;opacity:.7}.error-message h3{margin:0 0 8px;color:#333;font-size:18px}.error-message p{margin:0 0 20px;color:#666;font-size:14px;line-height:1.4}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{margin:0 0 12px;color:#333;font-size:20px}.empty-state p{margin:0 0 24px;color:#666;font-size:16px;line-height:1.4;max-width:400px}.validation-feedback{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.validation-feedback.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.validation-feedback.error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.validation-feedback.warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.validation-feedback .feedback-icon{font-size:16px;margin-top:2px}.validation-feedback .feedback-message{flex:1;font-size:14px;line-height:1.4}.progress-container{background:#f8f9fa;border-radius:6px;padding:16px;margin:16px 0}.progress-steps{display:flex;justify-content:space-between;margin-bottom:16px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:20px;left:60%;right:-40%;height:2px;background:#ddd;z-index:1}.progress-step.active:not(:last-child):after{background:#2196f3}.progress-step.completed:not(:last-child):after{background:#4caf50}.step-icon{width:40px;height:40px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;position:relative;z-index:2}.progress-step.active .step-icon{background:#2196f3}.progress-step.completed .step-icon{background:#4caf50}.progress-step span{font-size:12px;text-align:center;color:#666;max-width:80px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#21cbf3);border-radius:4px;transition:width .3s ease;width:0%}.progress-message{font-size:14px;color:#666;text-align:center}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ff9800;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#f57c00}.retry-button:disabled{background:#ccc;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.cms-toast{left:20px;right:20px;min-width:auto;max-width:none}.progress-steps{flex-direction:column;gap:16px}.progress-step:not(:last-child):after{display:none}.error-modal .cms-modal{margin:20px;max-width:none}}@media(prefers-contrast:high){.cms-toast{border:2px solid}.cms-toast-error{border-color:#f44336}.cms-toast-warning{border-color:#ff9800}.cms-toast-success{border-color:#4caf50}.cms-toast-info{border-color:#2196f3}}@media(prefers-reduced-motion:reduce){.cms-toast{animation:none}.loading-spinner{animation:none;border-top-color:transparent}.progress-fill{transition:none}}.upload-progress{margin-top:10px;padding:10px;border-radius:4px;font-size:14px}.upload-progress.uploading{background-color:#e3f2fd;border:1px solid #2196f3}.upload-progress.completed{background-color:#e8f5e8;border:1px solid #4caf50}.upload-progress.error{background-color:#ffebee;border:1px solid #f44336}.progress-bar{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:#2196f3;transition:width .3s ease}.progress-text{text-align:center;color:#666;font-size:12px}.success-message{display:flex;align-items:center;gap:8px;color:#4caf50}.success-icon{font-size:16px}.error-message{display:flex;align-items:center;gap:8px;color:#f44336;flex-wrap:wrap}.error-icon{font-size:16px}.retry-button{background-color:#ff9800;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;margin-left:auto}.retry-button:hover{background-color:#f57c00}.image-upload-area.uploading,.audio-upload-area.uploading,.image-placeholder.uploading,.audio-placeholder.uploading{opacity:.6;pointer-events:none}.save-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.save-status.saving{background-color:#fff3e0;color:#f57c00}.save-status.saved{background-color:#e8f5e8;color:#4caf50}.save-status.unsaved{background-color:#fff3e0;color:#ff9800}.save-status.error{background-color:#ffebee;color:#f44336}.save-status.failed{background-color:#ffebee;color:#d32f2f;font-weight:700}.validation-success{background-color:#e8f5e8;border:1px solid #4caf50;padding:16px;border-radius:8px;text-align:center}.validation-errors{background-color:#ffebee;border:1px solid #f44336;padding:16px;border-radius:8px}.validation-warnings{background-color:#fff3e0;border:1px solid #ff9800;padding:12px;border-radius:4px;margin-top:12px}.validation-warnings h5{margin:0 0 8px;color:#f57c00}.validation-warnings ul{margin:0;padding-left:20px}.validation-details{margin-top:12px;text-align:left;font-size:14px;color:#666}.validation-details p{margin:4px 0}.error-list{margin:8px 0;padding-left:20px}.error-list li{margin:4px 0;color:#d32f2f}.pieter-hasie-test{max-width:1200px;margin:0 auto;padding:20px}.test-header{margin-bottom:40px;text-align:center}.test-header h2{color:var(--kassie-dark-brown);font-size:32px;margin:20px 0 10px}.test-description{color:var(--kassie-text-color);font-size:16px;max-width:600px;margin:0 auto;line-height:1.6}.test-sections{display:flex;flex-direction:column;gap:30px}.test-section{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:30px}.test-section h3{color:var(--kassie-dark-brown);font-size:24px;margin:0 0 20px;border-bottom:2px solid var(--kassie-dark-brown);padding-bottom:10px}.module-preview{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.module-info h4{color:var(--kassie-dark-brown);font-size:20px;margin:0 0 10px}.module-description{color:var(--kassie-text-color);line-height:1.6;margin-bottom:20px}.module-meta{display:flex;flex-direction:column;gap:8px}.meta-item{color:var(--kassie-text-color);font-size:14px}.meta-item strong{color:var(--kassie-dark-brown)}.module-features{background:#ffffff80;border-radius:8px;padding:20px}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:10px}.feature-icon{font-size:20px;width:30px;text-align:center}.feature-text{color:var(--kassie-dark-brown);font-weight:500}.test-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.test-results{min-height:200px;display:flex;align-items:center;justify-content:center}.test-progress{text-align:center;color:var(--kassie-text-color)}.test-success{text-align:center;color:var(--kassie-text-color)}.test-success h4{color:var(--kassie-green-4);margin:0 0 10px}.test-data{background:#ffffffb3;border-radius:8px;padding:15px;margin:20px 0;text-align:left}.test-data h5{color:var(--kassie-dark-brown);margin:0 0 10px;font-size:14px}.test-data-content{background:var(--kassie-dark-brown);color:var(--kassie-white);padding:10px;border-radius:4px;font-size:12px;overflow-x:auto;white-space:pre-wrap;max-height:200px;overflow-y:auto}.test-actions{margin-top:20px}.test-error{text-align:center;color:var(--kassie-text-color)}.test-error h4{color:var(--kassie-red-4);margin:0 0 10px}.story-preview{background:#ffffff4d;border-radius:8px;padding:20px}.preview-controls{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--kassie-dark-brown);padding-bottom:15px}.preview-btn{background:#ffffff80;border:2px solid var(--kassie-dark-brown);border-radius:6px;padding:8px 16px;color:var(--kassie-dark-brown);cursor:pointer;font-weight:500;transition:all .2s ease}.preview-btn:hover{background:var(--kassie-button-middle)}.preview-btn.active{background:var(--kassie-cyan-3);color:var(--kassie-white)}.preview-content{min-height:300px}.pages-preview{display:flex;flex-direction:column}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.page-preview-card{background:var(--kassie-white);border:2px solid var(--kassie-dark-brown);border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease}.page-preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.page-number{color:var(--kassie-cyan-3);font-weight:700;font-size:12px;margin-bottom:8px}.page-content-preview{display:flex;flex-direction:column;gap:10px}.page-text-preview{color:var(--kassie-text-color);font-size:14px;line-height:1.4}.page-assets{display:flex;gap:8px}.asset-indicator{background:var(--kassie-cyan-1);color:var(--kassie-cyan-4);padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700}.asset-indicator.image{background:var(--kassie-green-1);color:var(--kassie-green-4)}.asset-indicator.audio{background:var(--kassie-purple-1);color:var(--kassie-purple-4)}.manifest-preview{background:var(--kassie-white);border-radius:8px;padding:20px}.manifest-code{background:var(--kassie-dark-brown);color:var(--kassie-white);padding:15px;border-radius:6px;font-size:12px;overflow-x:auto;white-space:pre-wrap;max-height:400px;overflow-y:auto;margin:0}.stpageflip-preview{display:flex;flex-direction:column;gap:20px}.stpageflip-info{background:var(--kassie-cyan-1);border-radius:8px;padding:15px}.stpageflip-info h4{color:var(--kassie-cyan-4);margin:0 0 8px}.stpageflip-info p{color:var(--kassie-text-color);margin:0;font-size:14px}.stpageflip-demo{display:flex;flex-direction:column;align-items:center;gap:20px}.demo-book{background:var(--kassie-white);border:3px solid var(--kassie-dark-brown);border-radius:12px;width:400px;height:300px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a}.demo-page{width:90%;height:90%;display:flex;align-items:center;justify-content:center}.page-content{text-align:center;padding:20px}.page-text{color:var(--kassie-dark-brown);font-size:14px;line-height:1.6;margin-bottom:15px}.page-image-placeholder,.page-audio-placeholder{background:var(--kassie-cyan-1);color:var(--kassie-cyan-4);padding:8px 12px;border-radius:6px;font-size:12px;margin:5px 0;font-weight:500}.page-audio-placeholder{background:var(--kassie-purple-1);color:var(--kassie-purple-4)}.demo-controls{display:flex;align-items:center;gap:20px}.demo-btn{background:var(--kassie-button-middle);border:2px solid var(--kassie-dark-brown);border-radius:6px;padding:8px 16px;color:var(--kassie-dark-brown);cursor:pointer;font-weight:500;transition:all .2s ease}.demo-btn:hover{background:var(--kassie-primary-color)}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{color:var(--kassie-dark-brown);font-weight:700;font-size:14px}@media(max-width:768px){.pieter-hasie-test{padding:15px}.test-sections{gap:20px}.test-section{padding:20px}.module-preview{grid-template-columns:1fr;gap:20px}.test-actions,.pages-grid{grid-template-columns:1fr}.demo-book{width:100%;max-width:350px;height:250px}.demo-controls{flex-wrap:wrap;justify-content:center}.preview-controls{flex-wrap:wrap}}@media(max-width:480px){.test-header h2{font-size:24px}.test-section h3{font-size:20px}.demo-book{height:200px}.page-text{font-size:12px}}.pipeline-verification{max-width:1200px;margin:0 auto;padding:20px}.verification-header{margin-bottom:40px;text-align:center}.verification-header h2{color:var(--kassie-dark-brown);font-size:32px;margin:20px 0 10px}.verification-description{color:var(--kassie-text-color);font-size:16px;max-width:600px;margin:0 auto;line-height:1.6}.verification-sections{display:flex;flex-direction:column;gap:30px}.verification-section{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:30px}.verification-section h3{color:var(--kassie-dark-brown);font-size:24px;margin:0 0 20px;border-bottom:2px solid var(--kassie-dark-brown);padding-bottom:10px}.module-selector{display:flex;flex-direction:column;gap:20px}.selector-controls{display:flex;gap:15px;align-items:center}.cms-select{flex:1;padding:12px 16px;border:2px solid var(--kassie-dark-brown);border-radius:8px;background:var(--kassie-white);color:var(--kassie-dark-brown);font-size:16px}.cms-select:focus{outline:none;border-color:var(--kassie-cyan-3);box-shadow:0 0 0 2px #44c1c533}.module-info{background:#ffffff80;border:2px solid var(--kassie-dark-brown);border-radius:8px;padding:20px}.info-card h4{color:var(--kassie-dark-brown);font-size:20px;margin:0 0 10px}.module-meta{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.meta-item{background:var(--kassie-cyan-1);color:var(--kassie-cyan-4);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.module-description{color:var(--kassie-text-color);line-height:1.6;margin:0}.verification-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.action-card{background:#ffffff80;border:2px solid var(--kassie-dark-brown);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px}.action-header h4{color:var(--kassie-dark-brown);font-size:18px;margin:0 0 8px}.action-header p{color:var(--kassie-text-color);font-size:14px;margin:0;line-height:1.5}.action-buttons{margin-top:auto}.verification-results{min-height:300px;display:flex;align-items:center;justify-content:center}.no-results{text-align:center;color:var(--kassie-text-color)}.no-results-icon{font-size:48px;margin-bottom:15px}.no-results h4{color:var(--kassie-dark-brown);margin:0 0 10px}.no-results p{margin:0;font-style:italic}.verification-progress{text-align:center;color:var(--kassie-text-color)}.progress-spinner{width:40px;height:40px;border:4px solid var(--kassie-cyan-1);border-top:4px solid var(--kassie-cyan-3);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.verification-results-content{width:100%;max-width:800px;margin:0 auto}.results-header{display:flex;align-items:center;gap:20px;padding:20px;border-radius:8px;margin-bottom:20px}.results-header.success{background:var(--kassie-green-1);border:2px solid var(--kassie-green-3)}.results-header.error{background:var(--kassie-red-1);border:2px solid var(--kassie-red-3)}.results-icon{font-size:48px}.results-summary h4{margin:0 0 5px;font-size:24px}.results-summary .score{margin:0;font-size:18px;font-weight:700}.results-header.success h4,.results-header.success .score{color:var(--kassie-green-4)}.results-header.error h4,.results-header.error .score{color:var(--kassie-red-4)}.results-details{background:#ffffffb3;border-radius:8px;padding:20px;margin-bottom:20px}.results-details h5{color:var(--kassie-dark-brown);margin:0 0 15px;font-size:18px}.step-results{display:flex;flex-direction:column;gap:10px}.step-result{display:flex;align-items:center;gap:15px;padding:12px;border-radius:6px}.step-result.success{background:var(--kassie-green-1)}.step-result.error{background:var(--kassie-red-1)}.step-icon{font-size:20px;width:30px;text-align:center}.step-info{flex:1}.step-name{font-weight:700;color:var(--kassie-dark-brown);margin-bottom:4px;text-transform:capitalize}.step-message{color:var(--kassie-text-color);font-size:14px}.results-recommendations{background:var(--kassie-cyan-1);border-radius:8px;padding:20px;margin-bottom:20px}.results-recommendations h5{color:var(--kassie-cyan-4);margin:0 0 15px;font-size:18px}.results-recommendations ul{margin:0;padding-left:20px;color:var(--kassie-text-color)}.results-recommendations li{margin-bottom:8px;line-height:1.5}.results-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.verification-error{text-align:center;color:var(--kassie-text-color)}.verification-error h4{color:var(--kassie-red-4);margin:0 0 10px}.error-actions{margin-top:20px}.status-dashboard{background:#ffffff4d;border-radius:8px;padding:20px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.status-card{background:var(--kassie-white);border:2px solid var(--kassie-dark-brown);border-radius:8px;padding:15px;text-align:center;transition:all .2s ease}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.status-icon{font-size:24px;margin-bottom:8px}.status-label{color:var(--kassie-dark-brown);font-size:12px;font-weight:700;margin-bottom:8px;line-height:1.3}.status-value{font-size:20px;font-weight:700}.status-value.success{color:var(--kassie-green-4)}.status-value.error{color:var(--kassie-red-4)}.status-value.pending{color:var(--kassie-orange-3)}@media(max-width:768px){.pipeline-verification{padding:15px}.verification-sections{gap:20px}.verification-section{padding:20px}.verification-actions{grid-template-columns:1fr}.selector-controls{flex-direction:column;align-items:stretch}.module-meta{justify-content:center}.status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.results-header{flex-direction:column;text-align:center;gap:15px}.results-actions{flex-direction:column;align-items:center}}@media(max-width:480px){.verification-header h2{font-size:24px}.verification-section h3{font-size:20px}.status-grid{grid-template-columns:1fr}.step-result{flex-direction:column;text-align:center;gap:10px}.results-summary h4{font-size:20px}.results-summary .score{font-size:16px}}.advanced-dashboard{max-width:1400px;margin:0 auto;padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:30px;background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px}.header-content h2{color:var(--kassie-dark-brown);font-size:32px;margin:0 0 10px}.dashboard-description{color:var(--kassie-text-color);font-size:16px;margin:0;line-height:1.6;max-width:600px}.header-actions{display:flex;gap:15px;align-items:center}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:50%;border:2px solid var(--kassie-dark-brown)}.stat-content{flex:1}.stat-number{font-size:28px;font-weight:700;color:var(--kassie-dark-brown);margin-bottom:5px}.stat-label{color:var(--kassie-text-color);font-size:14px;font-weight:500;margin-bottom:5px}.stat-trend{color:var(--kassie-cyan-4);font-size:12px;font-weight:500}.dashboard-controls{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:25px;margin-bottom:30px}.search-section{display:flex;gap:15px;align-items:center;margin-bottom:20px}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:12px 45px 12px 16px;border:2px solid var(--kassie-dark-brown);border-radius:8px;background:var(--kassie-white);color:var(--kassie-dark-brown);font-size:16px}.search-input:focus{outline:none;border-color:var(--kassie-cyan-3);box-shadow:0 0 0 2px #44c1c533}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--kassie-text-color);font-size:18px}.filter-reset-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--kassie-cyan-1);border:2px solid var(--kassie-cyan-3);border-radius:8px;color:var(--kassie-cyan-4);cursor:pointer;font-weight:500;transition:all .2s ease}.filter-reset-btn:hover{background:var(--kassie-cyan-2)}.reset-icon{font-size:16px}.filter-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:var(--kassie-dark-brown);font-size:14px;font-weight:500}.filter-select{padding:10px 12px;border:2px solid var(--kassie-dark-brown);border-radius:6px;background:var(--kassie-white);color:var(--kassie-dark-brown);font-size:14px}.module-section{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:25px;margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--kassie-dark-brown)}.section-header h3{color:var(--kassie-dark-brown);font-size:24px;margin:0}.section-info{display:flex;align-items:center;gap:20px}.module-count{color:var(--kassie-text-color);font-size:14px;font-weight:500}.view-toggle{padding:8px 12px;background:#ffffff80;border:2px solid var(--kassie-dark-brown);border-radius:6px;color:var(--kassie-dark-brown);cursor:pointer;transition:all .2s ease}.view-toggle:hover{background:var(--kassie-button-middle)}.view-toggle.active{background:var(--kassie-cyan-3);color:var(--kassie-white)}.view-toggle .icon{font-size:16px}.module-container{min-height:300px}.module-list{display:flex;flex-direction:column;gap:15px}.module-card{background:var(--kassie-white);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:20px;transition:all .2s ease;position:relative;overflow:hidden}.module-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.module-card.list-view{display:flex;align-items:center;gap:20px;padding:15px 20px}.module-card.list-view .module-content{flex:1}.module-card.list-view .module-footer{margin-top:0;margin-left:auto}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.module-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;border:2px solid}.module-status.published{background:var(--kassie-green-1);color:var(--kassie-green-4);border-color:var(--kassie-green-3)}.module-status.draft{background:var(--kassie-orange-1);color:var(--kassie-orange-4);border-color:var(--kassie-orange-3)}.module-status.error{background:var(--kassie-red-1);color:var(--kassie-red-4);border-color:var(--kassie-red-3)}.module-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border:2px solid var(--kassie-dark-brown);border-radius:6px;background:#fffc;color:var(--kassie-dark-brown);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-btn:hover{background:var(--kassie-cyan-1);border-color:var(--kassie-cyan-3)}.module-content{margin-bottom:15px}.module-title{color:var(--kassie-dark-brown);font-size:18px;margin:0 0 8px;line-height:1.3}.module-description{color:var(--kassie-text-color);font-size:14px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-meta{display:flex;gap:8px;flex-wrap:wrap}.module-category,.module-activity,.module-age{background:var(--kassie-cyan-1);color:var(--kassie-cyan-4);padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.module-activity{background:var(--kassie-purple-1);color:var(--kassie-purple-4)}.module-age{background:var(--kassie-green-1);color:var(--kassie-green-4)}.module-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(63,42,20,.2)}.module-date,.module-pages{color:var(--kassie-text-color);font-size:12px}.context-menu{position:fixed;background:var(--kassie-white);border:2px solid var(--kassie-dark-brown);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:150px;display:none}.menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--kassie-dark-brown);cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(63,42,20,.1)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--kassie-cyan-1)}.menu-item.danger{color:var(--kassie-red-4)}.menu-item.danger:hover{background:var(--kassie-red-1)}.menu-icon{font-size:14px;width:16px;text-align:center}.analytics-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--kassie-primary-color);border-left:3px solid var(--kassie-dark-brown);box-shadow:-4px 0 12px #0000001a;z-index:1000;overflow-y:auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid var(--kassie-dark-brown)}.analytics-header h3{color:var(--kassie-dark-brown);margin:0;font-size:20px}.close-analytics{background:none;border:none;font-size:24px;color:var(--kassie-dark-brown);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.analytics-content{padding:20px}.analytics-grid{display:flex;flex-direction:column;gap:20px}.analytics-card{background:#ffffff80;border:2px solid var(--kassie-dark-brown);border-radius:8px;padding:20px}.analytics-card h4{color:var(--kassie-dark-brown);margin:0 0 15px;font-size:16px}.analytics-stats{display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--kassie-text-color);font-size:14px}.stat-value{color:var(--kassie-dark-brown);font-weight:700;font-size:16px}.realtime-status{position:fixed;bottom:20px;right:20px;background:var(--kassie-white);border:2px solid var(--kassie-dark-brown);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0000001a;z-index:100}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--kassie-green-3);animation:pulse 2s infinite}.status-indicator.active{background:var(--kassie-green-3)}.status-indicator.inactive{background:var(--kassie-red-3)}.status-text{color:var(--kassie-dark-brown);font-size:12px;font-weight:500}.last-update{color:var(--kassie-text-color);font-size:11px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:var(--kassie-dark-brown);margin:0 0 10px;font-size:24px}.empty-state p{margin:0 0 30px;font-size:16px;line-height:1.6}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--kassie-text-color)}.loading-spinner{width:40px;height:40px;border:4px solid var(--kassie-cyan-1);border-top:4px solid var(--kassie-cyan-3);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media(max-width:1200px){.advanced-dashboard{padding:15px}.analytics-panel{width:350px}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:20px;align-items:stretch}.header-actions{justify-content:center}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-section{flex-direction:column;align-items:stretch}.filter-section{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.section-header{flex-direction:column;gap:15px;align-items:stretch}.section-info{justify-content:space-between}.module-grid{grid-template-columns:1fr}.module-card.list-view{flex-direction:column;align-items:stretch;gap:15px}.analytics-panel{width:100%;height:100vh}.realtime-status{position:relative;bottom:auto;right:auto;margin:20px 0;justify-content:center}}@media(max-width:480px){.dashboard-stats{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center;gap:15px}.filter-section{grid-template-columns:1fr}.module-meta{justify-content:center}.module-footer{flex-direction:column;gap:8px;text-align:center}}:root{--kassie-white: #ffffff;--kassie-black: #000000;--kassie-green-1: #bcd85fff;--kassie-green-2: #8fb83fff;--kassie-green-3: #5c833aff;--kassie-green-4: #457839ff;--kassie-brown-1: #db9260ff;--kassie-brown-2: #a56235ff;--kassie-brown-3: #723b2aff;--kassie-brown-4: #723b2aff;--kassie-orange-1: #fee589ff;--kassie-orange-2: #fbdd5cff;--kassie-orange-3: #faae1cff;--kassie-orange-4: #e96125ff;--kassie-cyan-1: #a1dbe4ff;--kassie-cyan-2: #84d2e2ff;--kassie-cyan-3: #44c1c5ff;--kassie-blue-1: #afbde1ff;--kassie-blue-2: #788ec7ff;--kassie-blue-3: #788ec7ff;--kassie-blue-4: #2b3982ff;--kassie-purple-1: #bfa9d2ff;--kassie-purple-2: #9d85beff;--kassie-purple-3: #7c51a1ff;--kassie-purple-4: #7d2c7fff;--kassie-red-1: #f68d76ff;--kassie-red-2: #eb6f5aff;--kassie-red-3: #db4139ff;--kassie-red-4: #bd202eff;--kassie-burgendy: #cf3d96ff;--kassie-primary-color: #FEE589;--kassie-button-middle: #FBDD5C;--kassie-secondary-color: #b99a0cff;--kassie-light-color: #ffffff;--kassie-red: var(--kassie-red-4);--kassie-lighter-background-color: #f8f9fa;--kassie-light-border-color: #e5e7eb;--kassie-dark-border-color: #3F2A14;--kassie-text-color: #3F2A14;--kassie-border-color: #e5e7eb;--kassie-shadow-color: rgba(0, 0, 0, .1);--kassie-blackbg-color: #111111;--kassie-box-shadow-color: #3F2A14aa;--kassie-white-transparent-20: rgba(255, 255, 255, .2);--kassie-inset-shadow-color: #3f2a1474;--kassie-variant-card-bgcolor: #ffffff;--kassie-variant-card-bordercolor: #000000;--kassie-dark-brown: #3F2A14;--kassie-cyan: var(--kassie-cyan-3);--kassie-cyan-light: var(--kassie-cyan-2);--kassie-cyan-tint: var(--kassie-cyan-1)}body{background-image:url(https://kassie.media/svg/components/YellowTiledBackground.svg);background-repeat:repeat;background-size:auto;background-attachment:fixed;min-height:100vh}p,small{color:var(--kassie-text-color)}.empty-state p{background:var(--kassie-primary-color);border:1px solid var(--kassie-dark-border-color);border-radius:5px}#app{min-height:100vh;height:100%}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-image:url(https://kassie.media/svg/components/YellowTiledBackground.svg);background-repeat:repeat;background-size:auto}.loading-screen img{animation:bounce 1s infinite}.loading-screen p{margin-top:20px;font-size:18px;color:var(--kassie-dark-brown)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coin-container{perspective:1000px;width:120px;height:120px;margin:0 auto 1.5rem}.coin{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:coinSpin 3s linear infinite}.coin img{width:120px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;text-align:center;background-image:url(https://kassie.media/svg/components/YellowTiledBackground.svg);background-repeat:repeat;background-size:auto}.error-screen p{color:var(--kassie-text-color);margin-bottom:20px}.error-screen button{padding:10px 20px;font-size:16px;background-color:var(--kassie-secondary-color);color:#fff;border:none;border-radius:5px;cursor:pointer}.error-screen button:hover{opacity:.9}html,body{margin:0;padding:0;height:100%;min-height:100vh;font-family:Arial,sans-serif;background-image:var(--kassie-svg-components-yellowtiledbackground);background-repeat:repeat;background-size:auto}#app{min-height:100vh;height:100%;background-repeat:repeat;background-size:auto}.content h1{font-size:clamp(1rem,5vw + 1rem,1.5rem);display:block}.content p{color:var(--kassie-dark-brown)}.container{display:flex;justify-content:space-between;gap:20px;height:100px}.item{flex:1;padding:15px;text-align:center}.sign-in-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:5px}.sign-in-card{background-color:var(--kassie-primary-color);border-radius:12px;padding:5px;box-shadow:0 4px 6px #0000001a;width:600px;min-width:40%;max-width:100%;min-height:auto;height:auto;text-align:center;align-items:center;margin:auto;border:3px solid var(--kassie-dark-brown)}.sign-in-card .logo{margin:auto;width:140px;min-width:80px;max-width:100%;height:auto;display:block;padding:10px}.sign-in-card h1{color:var(--kassie-dark-brown);margin-bottom:10px;font-size:clamp(1rem,5vw + 1rem,1.5rem)}.sign-in-card .subtitle{color:var(--kassie-text-color);margin-bottom:30px;font-size:16px}.sign-in-buttons{display:flex;flex-direction:column;gap:15px}.sign-in-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%}.sign-in-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.sign-in-btn:disabled{opacity:.6;cursor:not-allowed}#googleSignInBtn{background-image:url(/images/google.jpg);border:3px solid var(--kassie-dark-brown);background-color:var(--kassie-white);width:100%;height:60px;border-radius:15px;cursor:pointer;background-size:contain;background-position:center center;background-repeat:no-repeat}#facebookSignInBtn{background-image:url(/images/facebook.jpg);border:3px solid var(--kassie-black);background-color:#3b5997;width:100%;height:60px;border-radius:15px;cursor:pointer;background-size:contain;background-position:center center;background-repeat:no-repeat}.general-card{background:var(--kassie-primary-color);border-radius:12px;padding:auto;box-shadow:0 4px 6px var(--kassie-box-shadow-color);width:80%;max-width:800px;height:auto;border:3px solid var(--kassie-dark-brown)}.general-card h1{font-size:clamp(1rem,5vw + 1rem,1.5rem);display:block}general-card p{color:var(--kassie-dark-brown)}.error-message{margin-top:20px;padding:12px;background:var(--kassie-primary-color);border:1px solid var(--kassie-brown-4);border-radius:6px;color:var(--kassie-red-4);font-size:14px}.error-message *{color:var(--kassie-dark-brown)}.authenticated-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.authenticated-card{background:var(--kassie-primary-color);border-radius:12px;padding:auto;box-shadow:0 4px 6px var(--kassie-box-shadow-color);width:80%;max-width:800px;height:auto;border:3px solid var(--kassie-dark-brown)}.authenticated-card .header{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:10px;border:3px solid var(--kassie-dark-brown)}.authenticated-card .user-info{display:flex;align-items:center;gap:15px}.authenticated-card .user-info p{margin:0;color:var(--kassie-dark-brown);font-weight:500}.authenticated-card .content{padding:20px 0;text-align:center}.authenticated-card h1{color:var(--kassie-red-4);margin-bottom:20px}.authenticated-card .note{margin-top:30px;padding:20px;background:#ffffff80;border-radius:8px;color:var(--kassie-text-color);font-style:italic}.btn-secondary{padding:8px 16px;background:var(--kassie-secondary-color);color:var(--kassie-white);border:3px solid var(--kassie-dark-brown);border-radius:15px;font-size:14px;cursor:pointer;transition:all .3s ease-in}.btn-secondary:hover{opacity:.9;transition:all .3s ease-in}.loggedInUser{position:relative;right:5px;top:5px}.setup-required-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.setup-card{background:var(--kassie-primary-color);border-radius:12px;padding:40px;box-shadow:0 4px 6px var(--kassie-box-shadow-color);width:80%;max-width:700px;height:auto;text-align:center;border:3px solid var(--kassie-dark-brown)}.setup-card h1{color:var(--kassie-dark-brown);margin:20px 0;font-size:clamp(1rem,5vw + 1rem,1.5rem)}.setup-card>p{color:var(--kassie-text-color);margin-bottom:30px;font-size:16px}.setup-steps{text-align:left;background:var(--kassie-primary-color);padding:20px;border-radius:8px;margin:20px 0}.setup-steps h3{color:var(--kassie-dark-brown);margin-top:0;margin-bottom:15px}.setup-steps ol{margin:0;padding-left:20px}.setup-steps li{margin-bottom:10px;color:var(--kassie-text-color);line-height:1.6}.setup-steps a{color:var(--kassie-dark-brown);text-decoration:underline}.setup-steps a:hover{text-decoration:underline}.setup-steps code{background:var(--kassie-purple-4);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:14px}.setup-note{background:var(--kassie-cyan-1);border:3px solid var(--kassie-blue-3);border-radius:6px;padding:10px;margin:10px 0}.setup-note p{margin:0;color:var(--kassie-text-color);font-size:14px}.kassie-avatar{width:120px;height:auto;min-width:64px;max-width:100%;display:block}.admin-container{display:flex;min-height:100vh;background-image:var(--yellow-tiled-background);background-repeat:repeat;background-size:auto}.admin-sidebar{width:280px;background:var(--kassie-primary-color);border-right:3px solid var(--kassie-dark-brown);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.admin-header{padding:30px 20px;text-align:center;border-bottom:2px solid var(--kassie-dark-brown)}.admin-logo{margin-bottom:15px}.admin-header h2{color:var(--kassie-dark-brown);margin:0;font-size:24px}.admin-user-name{margin:10px 0 0;color:var(--kassie-text-color);font-size:14px;font-weight:500}.admin-nav{flex:1;padding:20px 0}.admin-nav-item{display:flex;align-items:center;gap:15px;width:100%;padding:15px 20px;border:none;background:transparent;background-color:inherit;color:var(--kassie-dark-brown);font-size:16px;text-align:left;border-left:4px solid transparent;text-decoration:none;position:relative;transition:all .5s ease-out;transform:translate(0) scale(1);left:0}.admin-nav-item:hover{font-weight:700;cursor:pointer;transform:scale(1);transition:all .2s ease;background-color:var(--kassie-button-middle)}.admin-nav-item:active{font-weight:700;transform:scale(1.05);transition:all .2s ease}.nav-icon{font-size:24px;width:32px;text-align:center}.nav-label{flex:1;color:var(--kassie-dark-brown);translate:scale(1);transition:all .5s ease-in}.nav-label:hover{cursor:pointer;translate:scale(1.1);transition:all .5s ease-out}.admin-user-info{padding:20px;border-top:2px solid var(--kassie-dark-brown);text-align:center;display:flex;justify-content:center;align-items:center}.btn-text{background:none;border:none;color:var(--kassie-secondary-color);cursor:pointer;font-size:14px;text-decoration:underline;padding:0}.btn-text:hover{opacity:.8}.admin-content{flex:1;margin-left:280px;padding:40px;overflow-y:auto}.admin-view{max-width:1200px;margin:0 auto}.admin-view h1{color:var(--kassie-dark-brown);margin-bottom:10px;font-size:32px}.view-description{color:var(--kassie-text-color);margin-bottom:30px;font-size:16px}.placeholder-content{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:60px 40px;text-align:center}.placeholder-content p{color:var(--kassie-text-color);font-size:18px;font-style:italic}@media(max-width:1024px){.admin-sidebar{width:240px}.admin-content{margin-left:240px;padding:30px 20px}.nav-label{font-size:14px}}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:10}.hamburger-line{width:100%;height:3px;background-color:var(--kassie-dark-brown);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.menu-open .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(10px)}.mobile-menu-toggle.menu-open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.menu-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-10px)}@media(max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:3px solid var(--kassie-dark-brown)}.admin-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:none}.admin-header-content{flex:1;text-align:left;padding-left:15px}.admin-logo{width:60px;margin-bottom:0;margin-right:15px}.admin-header h2{font-size:20px;margin:0}.admin-user-name{margin:5px 0 0;font-size:12px}.mobile-menu-toggle{display:flex}.admin-content{margin-left:0;padding:20px}.admin-nav{display:flex;flex-direction:column;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.admin-nav.mobile-menu-open{max-height:500px}.admin-nav-item{width:100%;padding:20px 12px;border-left:none;border-top:2px solid var(--kassie-dark-brown);border-bottom:none;font-size:18px;text-align:center;justify-content:center}.admin-nav-item:last-of-type{border-bottom:2px solid var(--kassie-dark-brown)}.admin-nav-item.active{border-left:none;background:#f4a46026}.nav-icon{display:none}.nav-label{font-size:18px}.admin-user-info{border-top:2px solid var(--kassie-dark-brown)}}.family-section{margin-bottom:30px}.family-section:last-child{margin-bottom:0}.family-section h3{color:var(--kassie-dark-brown);font-size:18px;margin-bottom:15px}.member-list,.device-list{margin-bottom:15px}.member-item,.device-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ffffff80;border-radius:8px;margin-bottom:10px}.member-info,.device-info{display:flex;flex-direction:column;gap:5px}.member-name,.device-name{font-weight:600;color:var(--kassie-dark-brown)}.member-email,.device-date{font-size:14px;color:var(--kassie-text-color)}.member-actions{display:flex;align-items:center;gap:15px}.kassie-badge-wrapper{position:relative;display:inline-block}.kassie-badge-shadow{position:absolute;bottom:0;left:0;width:100%;height:100%;background:var(--kassie-cyan-1);border:1px solid var(--kassie-black);border-radius:5px;box-shadow:0 4px 6px #0000001a}.kassie-badge-white{position:relative;bottom:3px;left:0;background:var(--kassie-white);border:1px solid var(--kassie-black);border-radius:5px;padding:10px}.kassie-badge{display:block;padding:6px 16px;border:1px solid var(--kassie-black);border-radius:5px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-owner{background:var(--kassie-green-1);color:var(--kassie-green-4)}.role-adult{background:var(--kassie-cyan-1);color:var(--kassie-cyan-4)}.role-child{background:var(--kassie-purple-1);color:var(--kassie-black)}.btn-danger-text{background:none;border:none;color:var(--kassie-red-4);cursor:pointer;font-size:14px;text-decoration:underline;padding:0}.btn-danger-text:hover{opacity:.8}.empty-state,.empty-message{text-align:center;padding:40px 20px;color:var(--kassie-text-color);font-style:italic}.empty-state-hint{margin-top:10px;font-size:14px}.loading-message{text-align:center;padding:40px;color:var(--kassie-text-color);font-style:italic}.form-group input{width:100%;padding:12px;border:2px solid var(--kassie-dark-brown);border-radius:8px;font-size:16px;background:#fff}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.family-card{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:30px;margin-bottom:20px}.family-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--kassie-dark-brown)}.family-card-header h2{color:var(--kassie-dark-brown);margin:0;font-size:24px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid var(--kassie-dark-brown)}.modal-header h2{color:var(--kassie-dark-brown);margin:0;font-size:22px}.modal-close{background:none;border:none;font-size:32px;color:var(--kassie-dark-brown);cursor:pointer;padding:0;width:32px;height:32px;line-height:1}.modal-close:hover{opacity:.7}.modal-body{padding:30px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:20px;border-top:1px solid rgba(122,92,62,.2)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--kassie-dark-brown);font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid var(--kassie-dark-brown);border-radius:8px;font-size:16px;background:#fff;color:var(--kassie-dark-brown)}.form-group input:focus{outline:none;border-color:var(--kassie-secondary-color)}.activation-code{text-align:center;padding:30px;margin:20px 0;background:#ffffffb3;border-radius:12px}.code-display{font-size:48px;font-weight:700;color:var(--kassie-dark-brown);letter-spacing:8px;font-family:Courier New,monospace}.code-expiry{text-align:center;color:var(--kassie-text-color);font-size:14px;font-style:italic;margin-top:10px}@media(max-width:768px){.view-header,.family-card-header{flex-direction:column;align-items:flex-start;gap:15px}.member-item,.device-item{flex-direction:column;align-items:flex-start;gap:10px}.member-actions{width:100%;justify-content:space-between}}.family-section .member-item,.family-section .device-item{padding:20px 15px;margin-bottom:15px;min-height:90px;overflow:visible}.family-section .member-actions{display:flex;align-items:center;gap:15px;margin-top:5px}.member-item .custom-button,.device-item .custom-button{flex-shrink:0;position:relative}.member-actions .custom-button{margin-left:10px}.member-item .custom-button[style*="width: 160px"],.device-item .custom-button[style*="width: 140px"]{align-self:center;margin:5px 0}.member-actions{min-height:70px;align-items:center}.member-item:has(.custom-button),.device-item:has(.custom-button){padding:25px 15px;align-items:center}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.profile-card{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:15px}.profile-avatar{width:120px;height:120px;margin:0 auto;border-radius:50%;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h3{color:var(--kassie-dark-brown);margin:0 0 5px;font-size:20px}.profile-age{color:var(--kassie-text-color);margin:0;font-size:14px}.profile-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.avatar-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;max-height:400px;overflow-y:auto;padding:10px;background:#ffffff4d;border-radius:8px;border:2px solid var(--kassie-dark-brown)}.avatar-option{cursor:pointer;position:relative;display:flex;justify-content:center}.avatar-option input[type=radio]{position:absolute;opacity:0}.avatar-option img{width:80px;height:80px;border-radius:50%;border:3px solid var(--kassie-dark-brown);transition:all .2s ease;background:#fff}.avatar-option input[type=radio]:checked+img{border-color:var(--kassie-cyan);border-width:5px;transform:scale(1.1);box-shadow:0 4px 12px #44c1c580}.avatar-option:hover img{transform:scale(1.05);border-color:var(--kassie-cyan-light)}.avatar-option:active img{transform:scale(.95)}.avatar-selector::-webkit-scrollbar{width:8px}.avatar-selector::-webkit-scrollbar-track{background:#ffffff80;border-radius:4px}.avatar-selector::-webkit-scrollbar-thumb{background:var(--kassie-cyan);border-radius:4px}.avatar-selector::-webkit-scrollbar-thumb:hover{background:var(--kassie-cyan-light)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{color:var(--kassie-dark-brown);font-size:14px}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}}.settings-sections{max-width:800px;margin:0 auto}.settings-section{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:30px;margin-bottom:30px}.settings-section h2{color:var(--kassie-dark-brown);font-size:24px;margin:0 0 10px}.section-description{color:var(--kassie-text-color);font-size:14px;margin:0 0 20px;line-height:1.5}.settings-options{display:flex;flex-direction:column;gap:15px}.kassie-radio-option{display:flex;align-items:center;padding:15px 20px;background:var(--kassie-button-middle);border:2px solid var(--kassie-dark-brown);border-radius:8px;cursor:pointer;transition:all .2s ease;gap:15px;box-shadow:inset 5px 5px 10px var(--kassie-inset-shadow-color)}.kassie-radio-option:hover{background:var(--kassie-primary-color);box-shadow:inset 5px 5px 10px var(--kassie-inset-shadow-color)}.kassie-radio-option:active{box-shadow:inset 5px 5px 10px var(--kassie-inset-shadow-color)}.kassie-checkbox{flex-shrink:0;width:32px;height:32px;transition:transform .15s ease}.kassie-radio-option:hover .kassie-checkbox{transform:scale(1.1)}.kassie-radio-option:active .kassie-checkbox{transform:scale(.9)}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1.1)}}.kassie-checkbox.clicked{animation:checkboxPop .3s ease}.radio-label{font-size:18px;color:var(--kassie-dark-brown);font-weight:500;-webkit-user-select:none;user-select:none}.settings-actions{display:flex;flex-direction:column;gap:15px}.app-info{background:#fff;border:2px solid var(--kassie-dark-brown);border-radius:8px;padding:20px}.app-info p{margin:10px 0;color:var(--kassie-text-color);font-size:16px}.app-info strong{color:var(--kassie-dark-brown)}@media(max-width:768px){.settings-section{padding:20px}.settings-section h2{font-size:20px}}.kassie-checkbox-wrapper{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--kassie-button-middle);border:2px solid var(--kassie-dark-brown);border-radius:8px;cursor:pointer;transition:all .2s ease}.kassie-checkbox-wrapper:hover{background:var(--kassie-primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.kassie-checkbox-wrapper:active{transform:translateY(0) scale(.98)}.kassie-consent-checkbox{flex-shrink:0;width:32px;height:32px;transition:transform .15s ease}.kassie-checkbox-wrapper:hover .kassie-consent-checkbox{transform:scale(1.1)}.kassie-checkbox-wrapper:active .kassie-consent-checkbox{transform:scale(.9)}.kassie-consent-checkbox.clicked{animation:checkboxPop .3s ease}.consent-label{font-size:16px;color:var(--kassie-dark-brown);font-weight:500;-webkit-user-select:none;user-select:none;line-height:1.4}@media(max-width:768px){.kassie-checkbox-wrapper{padding:12px 15px}.consent-label{font-size:14px}}.rounded-gradient-border{border:1px solid transparent;border-radius:15px;padding:0 0 1px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#000,#fff) border-box;background-repeat:no-repeat}.device-item{background-image:linear-gradient(var(--kassie-primary-color) var(--kassie-secondary-color))}.activation-modal{max-width:500px}.activation-instructions{text-align:center;color:var(--kassie-text-color);font-size:16px;margin-bottom:30px;line-height:1.5}.activation-code-display{display:flex;justify-content:center;gap:10px;margin:30px 0;padding:20px;background:#fff;border:3px solid var(--kassie-dark-brown);border-radius:12px;box-shadow:0 4px 8px #0000001a}.code-digit{display:inline-block;width:50px;height:60px;line-height:60px;text-align:center;font-size:36px;font-weight:700;color:var(--kassie-dark-brown);background:var(--kassie-primary-color);border:2px solid var(--kassie-dark-brown);border-radius:8px;font-family:Courier New,monospace;animation:digitPop .3s ease;animation-delay:calc(var(--digit-index, 0) * .05s)}@keyframes digitPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.code-digit:nth-child(1){--digit-index: 0}.code-digit:nth-child(2){--digit-index: 1}.code-digit:nth-child(3){--digit-index: 2}.code-digit:nth-child(4){--digit-index: 3}.code-digit:nth-child(5){--digit-index: 4}.code-digit:nth-child(6){--digit-index: 5}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;background:#ffffff80;border:2px solid var(--kassie-dark-brown);border-radius:12px;margin:20px 0}.timer-icon{font-size:32px}.timer-text{display:flex;flex-direction:column;align-items:center}#countdownTimer{font-size:32px;font-weight:700;color:var(--kassie-dark-brown);font-family:Courier New,monospace;transition:color .3s ease}.timer-label{font-size:14px;color:var(--kassie-text-color);text-transform:uppercase;letter-spacing:1px}.qr-code-section{text-align:center;margin-top:30px;padding-top:30px;border-top:2px solid rgba(122,92,62,.2)}.qr-label{color:var(--kassie-text-color);font-size:14px;margin-bottom:15px}#qrCodeCanvas{display:block;margin:0 auto;border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:10px;background:#fff}.loading-spinner{width:50px;height:50px;margin:0 auto 20px;border:5px solid rgba(122,92,62,.2);border-top:5px solid var(--kassie-cyan);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.activation-modal{max-width:95%}.code-digit{width:40px;height:50px;line-height:50px;font-size:28px}.activation-code-display{gap:6px;padding:15px}#countdownTimer{font-size:24px}#qrCodeCanvas{max-width:180px}}.gifting-content{max-width:1200px;margin:0 auto}.catalog-filters{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;color:var(--kassie-dark-brown);font-weight:600;margin-bottom:8px;font-size:14px}.filter-select{width:100%;padding:10px 15px;border:2px solid var(--kassie-dark-brown);border-radius:8px;background:var(--kassie-white);color:var(--kassie-dark-brown);font-size:16px;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;box-shadow:0 0 0 3px #44c1c533}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.module-card{background:#fff;border:3px solid var(--kassie-dark-brown);border-radius:12px;overflow:hidden;transition:all .3s ease}.module-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.module-thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background:var(--kassie-primary-color)}.module-thumbnail img{width:100%;height:100%;object-fit:cover}.module-badge{position:absolute;top:10px;left:10px;width:60px;height:60px;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #0003}.free-badge{position:absolute;top:10px;right:10px;background:var(--kassie-green-3);color:#fff;padding:5px 15px;border-radius:20px;font-weight:700;font-size:12px;text-transform:uppercase;border:2px solid white;box-shadow:0 2px 8px #0003}.token-cost{position:absolute;top:10px;right:10px;background:var(--kassie-orange-3);color:#fff;padding:5px 15px;border-radius:20px;font-weight:700;font-size:12px;border:2px solid white;box-shadow:0 2px 8px #0003}.module-info{padding:20px;background:var(--kassie-primary-color)}.module-info h3{color:var(--kassie-dark-brown);font-size:20px;margin:0 0 10px}.module-description{color:var(--kassie-text-color);font-size:14px;line-height:1.5;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.module-meta{display:flex;gap:15px;font-size:12px;color:var(--kassie-text-color)}.module-meta span{padding:4px 10px;background:var(--kassie-button-middle);border-radius:12px;border:1px solid var(--kassie-dark-brown);color:var(--kassie-text-color)}.module-actions{padding:auto 0px auto 0px;background:var(--kassie-primary-color);align-items:center}.gift-module-title{text-align:center;margin-bottom:20px;padding:15px;background:var(--kassie-primary-color);border-radius:8px;border:2px solid var(--kassie-dark-brown)}.recipient-list{display:flex;flex-direction:column;gap:15px}.recipient-option{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border:2px solid var(--kassie-dark-brown);border-radius:12px;cursor:pointer;transition:all .2s ease}.recipient-option:hover{background:var(--kassie-primary-color);transform:translate(5px);box-shadow:0 4px 8px #0000001a}.recipient-avatar{width:60px;height:60px;border-radius:50%;border:2px solid var(--kassie-dark-brown)}.recipient-info{flex:1;display:flex;flex-direction:column;gap:5px}.recipient-name{font-weight:700;color:var(--kassie-dark-brown);font-size:18px}.recipient-age{color:var(--kassie-text-color);font-size:14px}.form-group textarea{width:100%;padding:12px;border:2px solid var(--kassie-dark-brown);border-radius:8px;font-family:inherit;font-size:16px;resize:vertical;background:#fff;color:var(--kassie-dark-brown)}.form-group textarea:focus{outline:none;border-color:var(--kassie-cyan);box-shadow:0 0 0 3px #44c1c533}.char-count{display:block;text-align:right;font-size:12px;color:var(--kassie-text-color);margin-top:5px}.gift-history-modal{max-width:600px}.gift-history-list{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto}.gift-history-item{display:flex;gap:15px;padding:20px;background:#fff;border:2px solid var(--kassie-dark-brown);border-radius:12px}.gift-icon{font-size:32px;flex-shrink:0}.gift-details{flex:1}.gift-details h4{color:var(--kassie-dark-brown);margin:0 0 8px;font-size:18px}.gift-details p{margin:5px 0;color:var(--kassie-text-color);font-size:14px}.gift-message{font-style:italic;padding:10px;background:var(--kassie-primary-color);border-radius:8px;margin:10px 0}.gift-date{display:inline-block;margin-top:10px;font-size:12px;color:var(--kassie-text-color);opacity:.7}@media(max-width:768px){.catalog-filters{flex-direction:column}.module-grid{grid-template-columns:1fr}.recipient-option{flex-direction:column;text-align:center}}.token-content{max-width:1200px;margin:0 auto}.token-balance-card{display:flex;align-items:center;gap:30px;padding:40px;background:linear-gradient(135deg,var(--kassie-orange-3) 0%,var(--kassie-orange-2) 100%);border:3px solid var(--kassie-dark-brown);border-radius:16px;margin-bottom:40px;box-shadow:0 8px 16px #00000026}.balance-icon{font-size:80px;animation:coinSpin 3s ease-in-out infinite}@keyframes coinSpin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.balance-info{flex:1}.balance-info h2{color:#fff;margin:0 0 10px;font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.balance-amount{font-size:64px;font-weight:700;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.3);font-family:Courier New,monospace}.balance-label{color:#fff;font-size:18px;margin:10px 0 0;opacity:.9}.balance-actions{flex-shrink:0}.token-actions-section{margin-bottom:40px}.token-actions-section h2{color:var(--kassie-dark-brown);font-size:24px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--kassie-dark-brown)}.child-profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.child-token-card{background:#fff;border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.child-token-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.child-avatar-large{width:100px;height:100px;border-radius:50%;border:3px solid var(--kassie-dark-brown);margin-bottom:15px}.child-token-card h3{color:var(--kassie-dark-brown);margin:0 0 15px;font-size:20px}.child-token-balance{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;padding:15px;background:var(--kassie-primary-color);border-radius:8px;border:2px solid var(--kassie-dark-brown)}.token-icon{font-size:24px}.token-count{font-size:28px;font-weight:700;color:var(--kassie-dark-brown);font-family:Courier New,monospace}.token-history-section{margin-bottom:40px}.token-history-section h2{color:var(--kassie-dark-brown);font-size:24px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--kassie-dark-brown)}.transaction-list{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border:2px solid var(--kassie-dark-brown);border-radius:12px;transition:all .2s ease}.transaction-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0000001a}.transaction-icon{font-size:32px;flex-shrink:0}.transaction-details{flex:1}.transaction-details h4{color:var(--kassie-dark-brown);margin:0 0 5px;font-size:18px}.transaction-details p{color:var(--kassie-text-color);margin:0 0 8px;font-size:14px}.transaction-date{font-size:12px;color:var(--kassie-text-color);opacity:.7}.transaction-amount{font-size:28px;font-weight:700;font-family:Courier New,monospace;flex-shrink:0}.transaction-amount.positive{color:var(--kassie-green-3)}.transaction-amount.negative{color:var(--kassie-red-3)}.token-quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.quick-amount-btn{padding:15px;background:var(--kassie-primary-color);border:2px solid var(--kassie-dark-brown);border-radius:8px;font-size:18px;font-weight:700;color:var(--kassie-dark-brown);cursor:pointer;transition:all .2s ease}.quick-amount-btn:hover{background:var(--kassie-button-middle);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.quick-amount-btn:active{transform:translateY(0) scale(.95)}.coming-soon-message{text-align:center;padding:40px}.coming-soon-icon{font-size:64px;margin-bottom:20px}.coming-soon-message h3{color:var(--kassie-dark-brown);margin:0 0 15px;font-size:24px}.coming-soon-message p{color:var(--kassie-text-color);font-size:16px;line-height:1.6}@media(max-width:768px){.token-balance-card{flex-direction:column;text-align:center;padding:30px 20px}.balance-amount{font-size:48px}.child-profiles-grid{grid-template-columns:1fr}.token-quick-amounts{grid-template-columns:repeat(2,1fr)}.transaction-item{flex-direction:column;text-align:center}}.progress-content{max-width:1200px;margin:0 auto}.child-selector-section{margin-bottom:30px}.child-selector-section label{display:block;color:var(--kassie-dark-brown);font-weight:600;margin-bottom:10px;font-size:16px}.child-selector{width:100%;max-width:400px;padding:12px 15px;border:2px solid var(--kassie-dark-brown);border-radius:8px;background:#fff;color:var(--kassie-dark-brown);font-size:16px;cursor:pointer;transition:all .2s ease}.child-selector:hover{border-color:var(--kassie-cyan);box-shadow:0 2px 8px #0000001a}.child-selector:focus{outline:none;box-shadow:0 0 0 3px #44c1c533}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.stat-icon{font-size:48px;margin-bottom:15px}.stat-value{font-size:48px;font-weight:700;color:var(--kassie-dark-brown);margin-bottom:10px;font-family:Courier New,monospace}.stat-label{color:var(--kassie-text-color);font-size:14px;text-transform:uppercase;letter-spacing:1px}.progress-filters{display:flex;gap:15px;margin-top:10px;margin-bottom:30px;flex-wrap:wrap}.filter-btn{padding:12px 24px;background:var(--kassie-button-middle);border:2px solid var(--kassie-dark-brown);border-radius:8px;color:var(--kassie-dark-brown);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--kassie-primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.filter-btn.active{background:var(--kassie-primary-color);color:var(--kassie-dark-brown);border-color:var(--kassie-dark-border-color)}.filter-btn.active:hover{background:var(--kassie-button-middle)}.filter-btn:active{transform:translateY(0) scale(.95)}.activity-timeline{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border:2px solid var(--kassie-dark-brown);border-radius:12px;transition:all .2s ease}.activity-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0000001a}.activity-item.story{border-left:5px solid var(--kassie-blue-3)}.activity-item.game{border-left:5px solid var(--kassie-green-3)}.activity-icon{font-size:32px;flex-shrink:0}.activity-details{flex:1}.activity-details h4{color:var(--kassie-dark-brown);margin:0 0 5px;font-size:18px}.activity-child{color:var(--kassie-text-color);font-size:14px;margin:0 0 8px;font-weight:600}.activity-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:14px;color:var(--kassie-text-color)}.activity-meta span{padding:4px 10px;background:var(--kassie-primary-color);border-radius:12px;border:1px solid var(--kassie-dark-brown)}.activity-score{font-size:32px;font-weight:700;font-family:Courier New,monospace;flex-shrink:0;padding:10px 20px;border-radius:8px;border:2px solid var(--kassie-dark-brown)}.activity-score.excellent{background:var(--kassie-green-2);color:#fff}.activity-score.good{background:var(--kassie-orange-2);color:#fff}.activity-score.needs-practice{background:var(--kassie-red-2);color:#fff}@media(max-width:768px){.progress-stats-grid{grid-template-columns:1fr}.progress-filters{flex-direction:column}.filter-btn{width:100%}.activity-item{flex-direction:column;text-align:center}.activity-meta{justify-content:center}.activity-score{width:100%;text-align:center}}.recordings-filters{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap;background:var(--kassie-button-middle)}.recordings-filters .filter-select{flex:1;min-width:200px}.recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.recording-card{border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:20px;transition:all .3s ease}.recording-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.recording-header{display:flex;gap:15px;margin-bottom:15px}.recording-icon{font-size:40px;flex-shrink:0}.recording-info p{color:var(--kassie-text-color);margin:0;font-size:14px}.recording-meta{display:flex;gap:15px;margin-bottom:15px;font-size:14px;color:var(--kassie-text-color)}.recording-meta span{padding:5px 12px;background:var(--kassie-primary-color);border-radius:12px;border:1px solid var(--kassie-dark-brown)}.recording-actions{display:flex;gap:10px}@media(max-width:768px){.recordings-grid{grid-template-columns:1fr}.recordings-filters{flex-direction:column}}.recordings-content{max-width:1200px;margin:0 auto}.recordings-filters{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:var(--kassie-button-middle);border:3px solid var(--kassie-dark-brown);border-radius:12px;flex-wrap:wrap}.recording-card{background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px;padding:20px;transition:all .3s ease}.recording-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.recording-header{display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(122,92,62,.2)}.recording-avatar{width:60px;height:60px;border-radius:50%;border:2px solid var(--kassie-dark-brown);flex-shrink:0}.recording-info{flex:1}.recording-info h3{color:var(--kassie-dark-brown);margin:0 0 5px;font-size:18px}.recording-module{color:var(--kassie-text-color);font-size:14px;font-weight:600;margin:0 0 5px}.recording-meta{color:var(--kassie-text-color);font-size:12px;margin:0;opacity:.7}.recording-player{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:15px;background:var(--kassie-button-middle);border-radius:8px;border:2px solid var(--kassie-dark-brown);box-shadow:inset 5px 5px 10px var(--kassie-inset-shadow-color)}.play-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--kassie-cyan);border:2px solid var(--kassie-dark-brown);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.play-btn:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.play-btn:active{transform:scale(.95)}.play-btn span{color:var(--kassie-dark-brown)}.play-icon{font-size:20px}.play-icon img{width:36px;height:auto}.recording-duration{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:var(--kassie-dark-brown)}.recording-actions{display:flex;gap:10px;justify-content:space-between}@media(max-width:768px){.recordings-grid{grid-template-columns:1fr}.recording-actions{flex-direction:column}.recording-actions .custom-button{width:100%}}.header-actions{display:flex;gap:15px;flex-wrap:wrap}.message-modal{max-width:600px}.message-select{width:100%;padding:12px 15px;border:2px solid var(--kassie-dark-brown);border-radius:8px;background:#fff;color:var(--kassie-dark-brown);font-size:16px;cursor:pointer}.message-select:focus{outline:none;border-color:var(--kassie-cyan);box-shadow:0 0 0 3px #44c1c533}.message-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:15px}.message-type-option{cursor:pointer}.message-type-option input[type=radio]{display:none}.type-label{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff;border:2px solid var(--kassie-dark-brown);border-radius:12px;transition:all .2s ease}.message-type-option input[type=radio]:checked+.type-label{background:var(--kassie-cyan);color:#fff;border-color:var(--kassie-cyan);transform:scale(1.05)}.message-type-option:hover .type-label{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.type-icon{font-size:32px}.voice-recorder{text-align:center;padding:30px;background:var(--kassie-primary-color);border:2px solid var(--kassie-dark-brown);border-radius:12px}.recorder-status{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.record-icon{font-size:48px}#recordingStatus{font-size:18px;font-weight:600;color:var(--kassie-dark-brown)}.voice-note{margin-top:15px;font-size:14px;color:var(--kassie-text-color);font-style:italic}@media(max-width:768px){.header-actions{width:100%}.header-actions .custom-button{flex:1}.message-type-selector{grid-template-columns:1fr}}.session-warning-modal{z-index:10000}.session-warning-modal .modal-content{border:5px solid var(--kassie-orange-3);animation:warningPulse 1s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 20px #e961254d}50%{box-shadow:0 0 40px #e9612599}}.countdown-display{text-align:center;margin:30px 0;padding:20px;background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-brown);border-radius:12px}.countdown-display span{font-size:48px;font-weight:700;color:var(--kassie-red-3);font-family:Courier New,monospace}.invitation-notice{background:linear-gradient(135deg,#fee589,#e8f4fd);border-radius:15px;padding:20px;margin-bottom:20px;text-align:center;border:2px solid #FEE589}.invitation-icon{font-size:2.5rem;margin-bottom:10px}.invitation-notice h2{color:#3f2a14;font-size:1.3rem;margin:0 0 10px;font-weight:600}.invitation-notice p{color:#666;margin:0;font-size:.9rem;line-height:1.4}.user-management-filters{display:flex;gap:20px;margin-bottom:30px;align-items:center;flex-wrap:wrap}.search-container{flex:1;min-width:300px}.search-input{width:100%;padding:12px 16px;border:2px solid var(--kassie-dark-brown);border-radius:8px;background:var(--kassie-white);color:var(--kassie-text-color);font-size:16px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--kassie-cyan-3);box-shadow:0 0 0 3px #44c1c51a}.filter-container{min-width:200px}.filter-select{width:100%;padding:12px 16px;border:2px solid var(--kassie-dark-brown);border-radius:8px;background:var(--kassie-white);color:var(--kassie-text-color);font-size:16px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--kassie-cyan-3)}.user-table-container{background:var(--kassie-white);border:3px solid var(--kassie-dark-brown);border-radius:12px;overflow-x:auto;box-shadow:0 4px 6px #0000001a}.user-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;min-width:1200px}.user-table th{background:var(--kassie-primary-color);color:var(--kassie-dark-brown);font-weight:700;padding:16px 12px;text-align:left;border-bottom:2px solid var(--kassie-dark-brown);position:sticky;top:0;z-index:1}.user-table td{padding:12px;border-bottom:1px solid var(--kassie-light-border-color);vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;max-width:0}.user-row:hover{background:var(--kassie-lighter-background-color)}.user-email-container{display:flex;flex-direction:column;gap:4px}.email-text{font-weight:500;color:var(--kassie-dark-brown)}.user-id-text{font-size:12px;color:var(--kassie-text-color);opacity:.7;font-family:monospace}.user-display-name{font-weight:500}.user-created{color:var(--kassie-text-color);font-size:13px}.user-system-roles,.user-family-memberships{overflow:hidden;width:100%}.family-membership{display:block;margin:4px 0;padding:4px 8px;background:var(--kassie-lighter-background-color);border-radius:6px;border:1px solid var(--kassie-light-border-color);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.family-name{font-weight:500;font-size:13px;color:var(--kassie-dark-brown)}.no-roles,.no-memberships{color:var(--kassie-text-color);opacity:.6;font-style:italic}.kassie-badge.system-role-super_admin{background:linear-gradient(135deg,var(--kassie-red-3),var(--kassie-red-4));color:#fff;font-weight:700}.kassie-badge.family-role-owner{background:linear-gradient(135deg,var(--kassie-purple-3),var(--kassie-purple-4));color:#fff;font-weight:700}.kassie-badge.family-role-adult{background:linear-gradient(135deg,var(--kassie-blue-2),var(--kassie-blue-4));color:#fff}.role-pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin:1px 3px 1px 0;border:1px solid transparent;white-space:nowrap;line-height:1.2;min-width:fit-content}.role-pill.system-role-super_admin{background:linear-gradient(135deg,var(--kassie-red-3),var(--kassie-red-4));color:#fff;border-color:var(--kassie-red-4)}.role-pill.system-role-content_creator{background:linear-gradient(135deg,var(--kassie-cyan-2),var(--kassie-cyan-3));color:#fff;border-color:var(--kassie-cyan-3)}.role-pill.family-role-owner{background:linear-gradient(135deg,var(--kassie-purple-3),var(--kassie-purple-4));color:#fff;border-color:var(--kassie-purple-4)}.role-pill.family-role-adult{background:linear-gradient(135deg,var(--kassie-blue-2),var(--kassie-blue-4));color:#fff;border-color:var(--kassie-blue-4)}.user-role-controls{display:flex;flex-direction:column;gap:8px;min-width:140px}.role-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px}.toggle-label{font-size:12px;font-weight:500;color:var(--kassie-text-color);margin:0}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px;border:1px solid var(--kassie-dark-border-color)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000004d}input:checked+.slider{background:linear-gradient(135deg,var(--kassie-cyan-2),var(--kassie-cyan-3))}.role-toggle:first-child input:checked+.slider{background:linear-gradient(135deg,var(--kassie-red-3),var(--kassie-red-4))}input:checked+.slider:before{transform:translate(20px)}.slider:hover{box-shadow:0 0 0 2px #44c1c533}input:checked+.slider:hover{box-shadow:0 0 0 2px #44c1c566}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.grant-admin-btn .top-div{background:linear-gradient(135deg,var(--kassie-cyan-2),var(--kassie-cyan-3))}.revoke-admin-btn .top-div{background:linear-gradient(135deg,var(--kassie-red-1),var(--kassie-red-3))}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.view-header h1{margin:0;flex:1}.view-header-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:1024px){.user-table{font-size:13px}.user-table th,.user-table td{padding:10px 8px}.user-management-filters{flex-direction:column;align-items:stretch}.search-container,.filter-container{min-width:auto}}@media(max-width:768px){.user-table-container{overflow-x:auto}.user-table{min-width:800px}.view-header{flex-direction:column;align-items:stretch}.view-header h1{text-align:center}.view-header-actions{justify-content:center}}@media(max-width:480px){.user-actions{flex-direction:column}.user-actions .custom-button{width:100%;justify-content:center}}.cms-container{padding:30px;max-width:1400px;margin:0 auto}.cms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--kassie-light-border-color)}.cms-header h1{color:var(--kassie-dark-brown);margin:0;font-size:28px}.cms-actions{display:flex;gap:12px}.cms-nav{display:flex;gap:20px;margin-bottom:30px;border-bottom:1px solid var(--kassie-light-border-color)}.cms-nav .nav-item{padding:12px 20px;background:none;border:none;color:var(--kassie-text-color);font-size:16px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.cms-nav .nav-item:hover{color:var(--kassie-dark-brown);background:var(--kassie-lighter-background-color)}.cms-nav .nav-item.active{color:var(--kassie-dark-brown);border-bottom-color:var(--kassie-secondary-color);font-weight:700}.cms-dashboard{display:flex;flex-direction:column;gap:30px}.dashboard-header h2{color:var(--kassie-dark-brown);margin:0 0 10px;font-size:24px}.dashboard-description{color:var(--kassie-text-color);margin:0;font-size:16px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px var(--kassie-shadow-color)}.stat-number{font-size:32px;font-weight:700;color:var(--kassie-dark-brown);margin-bottom:8px}.stat-label{color:var(--kassie-text-color);font-size:14px;font-weight:500}.module-list-section{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:8px;padding:25px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.section-header h3{color:var(--kassie-dark-brown);margin:0;font-size:20px}.module-filters{display:flex;gap:15px;align-items:center}.module-filters select,.module-filters input{padding:8px 12px;border:1px solid var(--kassie-light-border-color);border-radius:4px;font-size:14px}.module-filters input{min-width:200px}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.module-card{background:var(--kassie-lighter-background-color);border:1px solid var(--kassie-light-border-color);border-radius:8px;padding:20px;transition:all .2s ease}.module-card:hover{box-shadow:0 4px 8px var(--kassie-shadow-color);transform:translateY(-2px)}.module-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.module-title{color:var(--kassie-dark-brown);margin:0 10px 0 0;font-size:18px;font-weight:600;flex:1}.module-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-draft{background:var(--kassie-orange-1);color:var(--kassie-orange-4)}.status-published{background:var(--kassie-green-1);color:var(--kassie-green-4)}.module-meta{display:flex;justify-content:space-between;margin-bottom:15px;font-size:14px;color:var(--kassie-text-color)}.module-category{font-weight:500}.module-dates{margin-bottom:15px;font-size:12px;color:var(--kassie-text-color);opacity:.8}.module-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{text-align:center;padding:60px 20px;color:var(--kassie-text-color)}.empty-state h3{color:var(--kassie-dark-brown);margin-bottom:10px}.empty-state p{margin-bottom:20px;background:none;border:none;border-radius:0}.category-management{display:flex;flex-direction:column;gap:30px}.category-header{display:flex;justify-content:space-between;align-items:center}.category-header h2{color:var(--kassie-dark-brown);margin:0;font-size:24px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-card{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:8px;padding:20px;transition:all .2s ease}.category-card:hover{box-shadow:0 4px 8px var(--kassie-shadow-color)}.category-info h3{color:var(--kassie-dark-brown);margin:0 0 10px;font-size:18px}.usage-stats{color:var(--kassie-text-color);margin:0 0 15px;font-size:14px}.category-actions{display:flex;gap:8px}.loading-message,.error-message{text-align:center;padding:40px 20px;color:var(--kassie-text-color);font-size:16px}.error-message{color:var(--kassie-red-4);background:var(--kassie-red-1);border:1px solid var(--kassie-red-3);border-radius:4px}@media(max-width:1024px){.cms-container{padding:20px}.cms-header{flex-direction:column;align-items:stretch;gap:15px}.cms-header h1{text-align:center}.cms-actions{justify-content:center}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.section-header{flex-direction:column;align-items:stretch}.module-filters{justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.cms-nav{flex-direction:column;gap:0}.cms-nav .nav-item{border-bottom:1px solid var(--kassie-light-border-color);border-left:3px solid transparent}.cms-nav .nav-item.active{border-bottom-color:var(--kassie-light-border-color);border-left-color:var(--kassie-secondary-color)}.module-grid,.category-grid{grid-template-columns:1fr}.module-filters{flex-direction:column;align-items:stretch}.module-filters input{min-width:auto}}@media(max-width:480px){.cms-container,.module-list-section{padding:15px}.module-actions{flex-direction:column}.module-actions .custom-button{width:100%;justify-content:center}}.cms-header-content{flex:1}.cms-subtitle{color:var(--kassie-text-color);margin:5px 0 0;font-size:14px;opacity:.8}.cms-nav .nav-icon{font-size:18px;margin-right:8px}.cms-nav .nav-label{font-weight:500}.stat-icon{font-size:24px;margin-bottom:8px}.cms-select{padding:8px 12px;border:2px solid var(--kassie-dark-border-color);border-radius:6px;font-size:14px;background:var(--kassie-white);color:var(--kassie-dark-brown);min-width:120px}.cms-select:focus{outline:none;border-color:var(--kassie-secondary-color)}.search-container{position:relative;display:flex;align-items:center}.cms-search{padding:8px 35px 8px 12px;border:2px solid var(--kassie-dark-border-color);border-radius:6px;font-size:14px;background:var(--kassie-white);color:var(--kassie-dark-brown);min-width:200px}.cms-search:focus{outline:none;border-color:var(--kassie-secondary-color)}.search-icon{position:absolute;right:10px;font-size:16px;color:var(--kassie-text-color);pointer-events:none}.loading-spinner{width:20px;height:20px;border:2px solid var(--kassie-light-border-color);border-top:2px solid var(--kassie-secondary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.module-grid-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 0;border-top:1px solid var(--kassie-light-border-color)}.pagination-info{color:var(--kassie-text-color);font-size:14px}.view-options{display:flex;gap:5px}.view-toggle{padding:8px 12px;border:1px solid var(--kassie-light-border-color);background:var(--kassie-white);color:var(--kassie-text-color);cursor:pointer;border-radius:4px;transition:all .2s ease}.view-toggle:hover{background:var(--kassie-lighter-background-color)}.view-toggle.active{background:var(--kassie-secondary-color);color:var(--kassie-white);border-color:var(--kassie-secondary-color)}.module-preview{height:120px;margin-bottom:15px;border-radius:6px;overflow:hidden;background:var(--kassie-lighter-background-color);display:flex;align-items:center;justify-content:center}.module-thumbnail{width:100%;height:100%;object-fit:cover}.module-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--kassie-primary-color);border:2px dashed var(--kassie-dark-border-color)}.placeholder-icon{font-size:32px;opacity:.6}.category-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.category-wildtuin{background:var(--kassie-green-1);color:var(--kassie-green-4)}.category-plaas{background:var(--kassie-brown-1);color:var(--kassie-brown-4)}.category-sport{background:var(--kassie-blue-1);color:var(--kassie-blue-4)}.category-vervoer{background:var(--kassie-purple-1);color:var(--kassie-purple-4)}.category-kuns{background:var(--kassie-orange-1);color:var(--kassie-orange-4)}.module-activity{font-size:13px;color:var(--kassie-text-color);font-weight:500}.date-label{font-weight:500}.date-value{margin-left:5px}.quick-actions-section{margin-top:40px}.quick-actions-section h3{color:var(--kassie-dark-brown);margin-bottom:20px;font-size:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.quick-action-card{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--kassie-shadow-color);border-color:var(--kassie-secondary-color)}.action-icon{font-size:32px;margin-bottom:10px}.quick-action-card h4{color:var(--kassie-dark-brown);margin:0 0 8px;font-size:16px}.quick-action-card p{color:var(--kassie-text-color);margin:0;font-size:13px;line-height:1.4;background:none;border:none;border-radius:0}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.6}.error-icon{font-size:32px;margin-bottom:10px}.category-badge-placeholder{width:60px;height:60px;border-radius:50%;background:var(--kassie-primary-color);border:2px solid var(--kassie-dark-border-color);display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.badge-icon{font-size:24px}.category-badge-img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 15px;display:block}.module-grid.view-list{display:flex;flex-direction:column;gap:15px}.module-grid.view-list .module-card{display:flex;align-items:center;padding:15px 20px}.module-grid.view-list .module-preview{width:80px;height:60px;margin-right:20px;margin-bottom:0;flex-shrink:0}.module-grid.view-list .module-header{flex:1;margin-bottom:0;margin-right:20px}.module-grid.view-list .module-meta{margin-bottom:0;margin-right:20px;min-width:150px}.module-grid.view-list .module-dates{margin-bottom:0;margin-right:20px;min-width:200px;font-size:11px}.module-grid.view-list .module-actions{flex-shrink:0}@media(max-width:768px){.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.module-filters{flex-direction:column;gap:10px}.cms-search{min-width:auto;width:100%}.module-grid.view-list .module-card{flex-direction:column;align-items:stretch;text-align:center}.module-grid.view-list .module-preview{width:100%;height:120px;margin-right:0;margin-bottom:15px}.module-grid.view-list .module-header,.module-grid.view-list .module-meta,.module-grid.view-list .module-dates{margin-right:0;margin-bottom:15px;min-width:auto}}@media(max-width:480px){.quick-actions-grid{grid-template-columns:1fr}.cms-header{flex-direction:column;align-items:stretch;gap:15px}.cms-actions{justify-content:center}}.cms-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cms-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{padding:20px 24px;border-bottom:1px solid var(--kassie-light-border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--kassie-dark-brown);font-size:1.25rem}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--kassie-text-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background:var(--kassie-lighter-background-color)}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid var(--kassie-light-border-color);display:flex;gap:12px;justify-content:flex-end}.publishing-dialog{max-width:700px}.module-info{background:var(--kassie-lighter-background-color);padding:16px;border-radius:8px;margin-bottom:20px}.module-info h4{margin:0 0 8px;color:var(--kassie-dark-brown);font-size:1.1rem}.module-meta{color:var(--kassie-text-color);font-size:.9rem;margin:0}.validation-loading{display:flex;align-items:center;gap:12px;padding:20px;text-align:center;justify-content:center}.validation-success{text-align:center;padding:20px}.validation-success .success-icon{font-size:48px;margin-bottom:12px}.validation-success h4{color:var(--kassie-success-color);margin:0 0 8px}.validation-errors{padding:20px}.validation-errors .error-icon{font-size:48px;text-align:center;margin-bottom:12px}.validation-errors h4{color:var(--kassie-error-color);margin:0 0 8px;text-align:center}.error-list{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;margin:12px 0}.error-list li{color:var(--kassie-error-color);margin:4px 0}.progress-steps{display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.progress-steps:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:2px;background:var(--kassie-light-border-color);z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative;z-index:2}.step-icon{width:40px;height:40px;border-radius:50%;background:var(--kassie-lighter-background-color);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px;border:2px solid var(--kassie-light-border-color);transition:all .3s}.progress-step.active .step-icon{background:var(--kassie-secondary-color);border-color:var(--kassie-secondary-color);color:#fff;animation:pulse 1.5s infinite}.progress-step.completed .step-icon{background:var(--kassie-success-color);border-color:var(--kassie-success-color);color:#fff}.progress-step span{font-size:.85rem;color:var(--kassie-text-color);max-width:80px}.progress-bar{background:var(--kassie-light-border-color);height:6px;border-radius:3px;overflow:hidden;margin-bottom:16px}.progress-fill{background:var(--kassie-secondary-color);height:100%;width:0%;transition:width .5s ease;border-radius:3px}.progress-message{text-align:center;color:var(--kassie-text-color);font-weight:500}.publishing-success,.publishing-error{text-align:center;padding:20px}.success-icon,.error-icon{font-size:64px;margin-bottom:16px}.publishing-success h4{color:var(--kassie-success-color);margin:0 0 12px}.publishing-error h4{color:var(--kassie-error-color);margin:0 0 12px}.success-actions,.error-actions{margin-top:20px}.unpublish-dialog .warning-icon{font-size:48px;text-align:center;margin-bottom:16px}.unpublish-warning{background:#fef3cd;border:1px solid #fde68a;border-radius:6px;padding:16px;margin-top:16px}.unpublish-warning p{margin:8px 0;color:#92400e}.cms-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;min-width:300px;max-width:500px}.cms-notification.success{border-left:4px solid var(--kassie-success-color)}.cms-notification.error{border-left:4px solid var(--kassie-error-color)}.cms-notification.info{border-left:4px solid var(--kassie-secondary-color)}.notification-content{padding:16px;display:flex;justify-content:space-between;align-items:center}.notification-message{color:var(--kassie-dark-brown);font-weight:500}.notification-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--kassie-text-color);padding:0;margin-left:12px}.loading-spinner{width:20px;height:20px;border:2px solid var(--kassie-light-border-color);border-top:2px solid var(--kassie-secondary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.cms-modal{width:95%;margin:20px}.progress-steps{flex-direction:column;gap:16px}.progress-steps:before{display:none}.progress-step{flex-direction:row;text-align:left;gap:12px}.progress-step span{max-width:none}.modal-footer{flex-direction:column}.cms-notification{right:10px;left:10px;min-width:auto}}.module-creation-form{max-width:800px;margin:0 auto;padding:20px;background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:10px;box-shadow:0 4px 12px var(--kassie-shadow-color)}.form-header{margin-bottom:30px;text-align:center}.back-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--kassie-cyan-3);font-size:16px;cursor:pointer;margin-bottom:20px;padding:8px 12px;border-radius:5px;transition:all .2s ease}.back-button:hover{background:var(--kassie-cyan-1);transform:translate(-2px)}.back-icon{font-size:18px;font-weight:700}.form-header h2{color:var(--kassie-text-color);margin:0 0 10px;font-size:28px}.form-description{color:var(--kassie-text-color);font-size:16px;margin:0;opacity:.8}.module-form{display:flex;flex-direction:column;gap:30px}.form-section{background:var(--kassie-primary-color);border:1px solid var(--kassie-dark-border-color);border-radius:8px;padding:20px}.form-section h3{color:var(--kassie-text-color);margin:0 0 20px;font-size:20px;border-bottom:2px solid var(--kassie-dark-border-color);padding-bottom:10px}.form-label{display:block;color:var(--kassie-text-color);font-weight:600;margin-bottom:8px;font-size:14px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:2px solid var(--kassie-light-border-color);border-radius:6px;font-size:16px;font-family:inherit;background:var(--kassie-white);color:var(--kassie-text-color);transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--kassie-cyan-3);box-shadow:0 0 0 3px #44c1c51a}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--kassie-red-3);box-shadow:0 0 0 3px #db41391a}.form-textarea{resize:vertical;min-height:100px}.field-error{color:var(--kassie-red-3);font-size:14px;margin-top:5px;font-weight:500}.field-help{color:var(--kassie-text-color);font-size:12px;margin-top:5px;opacity:.7}.age-range-inputs{display:flex;align-items:center;gap:15px}.age-input-group{flex:1;display:flex;flex-direction:column;gap:5px}.age-label{font-size:12px;color:var(--kassie-text-color);font-weight:500;opacity:.8}.age-select{min-width:120px}.age-separator{font-size:18px;font-weight:700;color:var(--kassie-text-color);margin-top:20px}.checkbox-group{display:flex;align-items:center;gap:10px}.form-checkbox{width:20px;height:20px;accent-color:var(--kassie-cyan-3)}.checkbox-label{color:var(--kassie-text-color);font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:20px;border-top:2px solid var(--kassie-light-border-color)}.form-actions .custom-button{min-width:150px;height:50px}.success-toast,.error-toast{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;background:var(--kassie-white);border:2px solid;border-radius:8px;box-shadow:0 4px 12px var(--kassie-shadow-color);animation:slideInRight .3s ease}.success-toast{border-color:var(--kassie-green-3)}.error-toast{border-color:var(--kassie-red-3)}.toast-content{display:flex;align-items:center;gap:12px;padding:16px}.icon-success{color:var(--kassie-green-3);font-size:20px;font-weight:700}.icon-error{color:var(--kassie-red-3);font-size:20px;font-weight:700}.toast-content button{background:none;border:none;color:var(--kassie-text-color);font-size:18px;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.module-editor{max-width:1200px;margin:0 auto;padding:20px}.editor-header{margin-bottom:30px}.editor-header h2{color:var(--kassie-text-color);margin:10px 0 0;font-size:28px}.editor-content{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:10px;padding:40px;text-align:center}.editor-content p{color:var(--kassie-text-color);font-size:18px;margin:0}@media(max-width:768px){.module-creation-form{margin:10px;padding:15px}.form-header h2{font-size:24px}.form-section{padding:15px}.age-range-inputs{flex-direction:column;align-items:stretch}.age-separator{text-align:center;margin:10px 0}.form-actions{flex-direction:column}.form-actions .custom-button{width:100%}.success-toast,.error-toast{left:10px;right:10px;max-width:none}}.story-editor{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:10px;box-shadow:0 4px 12px var(--kassie-shadow-color);overflow:hidden}.story-editor-layout{display:flex;height:80vh;min-height:600px}.page-sidebar{width:300px;min-width:300px;background:var(--kassie-lighter-background-color);border-right:2px solid var(--kassie-light-border-color);display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid var(--kassie-light-border-color);background:var(--kassie-white)}.sidebar-header h3{margin:0 0 15px;color:var(--kassie-text-color);font-size:18px}.page-list{flex:1;overflow-y:auto;padding:10px}.empty-pages{text-align:center;padding:40px 20px;color:var(--kassie-text-color)}.empty-pages .empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-pages p{margin:10px 0;font-size:14px}.empty-hint{opacity:.7;font-size:12px!important}.page-item{background:var(--kassie-white);border:2px solid var(--kassie-light-border-color);border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;position:relative}.page-item:hover{border-color:var(--kassie-cyan-3);transform:translateY(-1px);box-shadow:0 2px 8px var(--kassie-shadow-color)}.page-item.active{border-color:var(--kassie-secondary-color);background:var(--kassie-primary-color)}.page-item.dragging{opacity:.5;transform:rotate(2deg)}.page-item-ghost{opacity:.3}.page-item-chosen{transform:scale(1.02)}.page-item-drag{transform:rotate(5deg);box-shadow:0 8px 16px var(--kassie-shadow-color)}.page-item-content{padding:15px;display:flex;align-items:flex-start;gap:12px}.page-number{background:var(--kassie-cyan-3);color:var(--kassie-white);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.page-preview{flex:1;min-width:0}.page-text-preview{font-size:13px;color:var(--kassie-text-color);line-height:1.4;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-media-indicators{display:flex;gap:5px}.media-indicator{font-size:12px;opacity:.7}.page-actions{display:flex;flex-direction:column;gap:5px}.page-action-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s ease;padding:4px;border-radius:3px}.page-action-btn:hover{opacity:1;background:var(--kassie-red-1)}.page-editor{flex:1;display:flex;flex-direction:column}.editor-tabs{display:flex;background:var(--kassie-lighter-background-color);border-bottom:2px solid var(--kassie-light-border-color)}.tab-button{flex:1;padding:15px 20px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--kassie-text-color);font-size:14px;font-weight:500;transition:all .2s ease;border-bottom:3px solid transparent}.tab-button:hover{background:var(--kassie-white)}.tab-button.active{background:var(--kassie-white);border-bottom-color:var(--kassie-secondary-color);color:var(--kassie-secondary-color)}.tab-icon{font-size:16px}.tab-content{flex:1;position:relative}.tab-pane{position:absolute;inset:0;padding:20px;overflow-y:auto;display:none}.tab-pane.active{display:block}.no-page-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--kassie-text-color)}.no-page-selected .empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.no-page-selected h3{margin:0 0 10px;font-size:20px}.no-page-selected p{margin:0;opacity:.7;max-width:300px}.page-form{max-width:600px}.page-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--kassie-light-border-color)}.page-form-header h4{margin:0;color:var(--kassie-text-color);font-size:20px}.page-form-actions{display:flex;gap:10px}.rich-text-editor{width:100%;min-height:120px;padding:12px;border:2px solid var(--kassie-light-border-color);border-radius:6px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease}.rich-text-editor:focus{outline:none;border-color:var(--kassie-secondary-color)}.rich-text-editor.error{border-color:var(--kassie-red-3)}.image-upload-area,.audio-upload-area{border:2px dashed var(--kassie-light-border-color);border-radius:8px;transition:all .2s ease}.image-placeholder,.audio-placeholder{padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease}.image-placeholder:hover,.audio-placeholder:hover{border-color:var(--kassie-cyan-3);background:var(--kassie-cyan-1)}.upload-icon{font-size:32px;margin-bottom:10px;opacity:.6}.image-placeholder h4,.audio-placeholder h4{margin:0 0 8px;color:var(--kassie-text-color);font-size:16px}.image-placeholder p,.audio-placeholder p{margin:0 0 8px;color:var(--kassie-text-color);font-size:14px;opacity:.8}.upload-formats{font-size:12px;opacity:.6;color:var(--kassie-text-color)}.image-preview{position:relative;display:inline-block;border-radius:8px;overflow:hidden;background:var(--kassie-white);border:2px solid var(--kassie-light-border-color)}.page-image-preview{max-width:100%;max-height:200px;display:block}.image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .2s ease}.image-preview:hover .image-overlay{opacity:1}.audio-preview{padding:15px;background:var(--kassie-lighter-background-color);border-radius:8px;border:2px solid var(--kassie-light-border-color)}.page-audio-preview{width:100%;margin-bottom:10px}.audio-info{display:flex;justify-content:space-between;align-items:center}.audio-filename{font-size:14px;color:var(--kassie-text-color);font-weight:500}.audio-actions{display:flex;gap:8px}.upload-progress{padding:30px 20px;text-align:center;background:var(--kassie-lighter-background-color);border-radius:8px}.progress-icon{font-size:24px;margin-bottom:10px;animation:spin 1s linear infinite}.progress-text{color:var(--kassie-text-color);font-size:14px;margin-bottom:15px}.progress-bar{width:100%;height:6px;background:var(--kassie-light-border-color);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--kassie-cyan-3);width:0%;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.story-preview-container{max-width:600px;margin:0 auto}.preview-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--kassie-light-border-color)}.preview-header h3{margin:0 0 10px;color:var(--kassie-text-color);font-size:20px}.preview-header p{margin:0;color:var(--kassie-text-color);opacity:.7;font-size:14px}.preview-book{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:10px;min-height:400px;margin-bottom:20px;position:relative;overflow:hidden}.preview-page{padding:30px;height:100%;display:none}.preview-page.active{display:block}.page-content{height:100%;display:flex;flex-direction:column}.page-text{flex:1;font-size:16px;line-height:1.6;color:var(--kassie-text-color);margin-bottom:20px}.page-image{max-width:100%;max-height:200px;object-fit:contain;margin:15px 0;border-radius:8px}.page-audio{margin-top:auto;text-align:center;padding:15px}.play-narration{background:var(--kassie-cyan-3);color:var(--kassie-white);border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s ease}.play-narration:hover{background:var(--kassie-cyan-2);transform:translateY(-1px)}.preview-controls{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.page-indicator{font-size:14px;color:var(--kassie-text-color);font-weight:500}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:var(--kassie-text-color)}.preview-placeholder .preview-icon{font-size:48px;margin-bottom:15px;opacity:.3}.preview-placeholder h3{margin:0 0 10px;font-size:18px}.preview-placeholder p{margin:0;opacity:.7;font-size:14px}.success-toast,.error-toast{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;border-radius:8px;box-shadow:0 4px 12px var(--kassie-shadow-color);animation:slideIn .3s ease}.success-toast{background:var(--kassie-green-1);border:2px solid var(--kassie-green-3)}.error-toast{background:var(--kassie-red-1);border:2px solid var(--kassie-red-3)}.toast-content{padding:15px 20px;display:flex;align-items:center;gap:10px}.toast-content i{font-size:18px;font-style:normal}.success-toast .icon-success{color:var(--kassie-green-4)}.error-toast .icon-error{color:var(--kassie-red-4)}.toast-content span{flex:1;color:var(--kassie-text-color);font-size:14px}.toast-content button{background:none;border:none;font-size:18px;cursor:pointer;color:var(--kassie-text-color);opacity:.7;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-content button:hover{opacity:1}.module-editor{background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);border-radius:10px;box-shadow:0 4px 12px var(--kassie-shadow-color);overflow:hidden}.editor-header{padding:20px 30px;background:var(--kassie-lighter-background-color);border-bottom:2px solid var(--kassie-light-border-color);display:flex;justify-content:space-between;align-items:center}.editor-header h2{margin:0;color:var(--kassie-text-color);font-size:24px}.editor-actions{display:flex;gap:12px}@media(max-width:1024px){.story-editor-layout{flex-direction:column;height:auto}.page-sidebar{width:100%;min-width:auto;max-height:300px;border-right:none;border-bottom:2px solid var(--kassie-light-border-color)}.page-list{max-height:200px}.page-editor{min-height:500px}}@media(max-width:768px){.editor-header{flex-direction:column;align-items:stretch;gap:15px}.editor-header h2{text-align:center}.editor-actions{justify-content:center}.page-form{max-width:none}.page-form-header{flex-direction:column;align-items:stretch;gap:15px}.page-form-actions{justify-content:center}.preview-controls{flex-direction:column;gap:15px;padding:20px}}@media(max-width:480px){.story-editor{margin:10px}.sidebar-header,.tab-pane{padding:15px}.page-item-content{padding:12px}.image-placeholder,.audio-placeholder{padding:30px 15px}.preview-book{min-height:300px}.preview-page{padding:20px}}.custom-button.has-changes{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.custom-button.btn-small{width:auto;height:32px;min-width:60px}.custom-button.btn-small .button-text{font-size:12px}.custom-button.btn-small .content-wrapper{padding:4px 8px}.form-group .field-error{display:none;color:var(--kassie-red-4);font-size:12px;margin-top:5px;padding:5px 8px;background:var(--kassie-red-1);border-radius:4px;border:1px solid var(--kassie-red-3)}.form-group .field-help{font-size:12px;color:var(--kassie-text-color);opacity:.7;margin-top:5px}.loading-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--kassie-text-color);font-size:14px}.loading-spinner{width:20px;height:20px;border:2px solid var(--kassie-light-border-color);border-top:2px solid var(--kassie-cyan-3);border-radius:50%;animation:spin 1s linear infinite}.game-scaffolding{max-width:800px;margin:0 auto;padding:20px}.game-form{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000001a}.scaffolding-preview{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:15px}.preview-item{display:flex;align-items:flex-start;margin-bottom:20px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.preview-item:last-child{margin-bottom:0}.preview-icon{font-size:24px;margin-right:15px;flex-shrink:0}.preview-content h4{margin:0 0 5px;color:#2c3e50;font-size:16px;font-weight:600}.preview-content p{margin:0;color:#6c757d;font-size:14px;line-height:1.4}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-content.success{border-top:4px solid #28a745}.modal-content.error{border-top:4px solid #dc3545}.progress-header{text-align:center;margin-bottom:30px}.progress-header h3{margin:0 0 10px;color:#2c3e50}.progress-header p{margin:0;color:#6c757d}.progress-steps{margin-bottom:30px}.progress-step{display:flex;align-items:center;padding:10px 0;color:#6c757d}.progress-step.active{color:#007bff}.progress-step.completed{color:#28a745}.step-icon{margin-right:15px;font-size:18px;width:24px;text-align:center}.step-text{font-size:14px}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#28a745);width:0%;transition:width .3s ease}.success-header{text-align:center;margin-bottom:30px}.success-icon{font-size:48px;margin-bottom:15px}.success-header h3{margin:0;color:#28a745}.repository-info{margin:20px 0}.repository-info h4{margin:0 0 10px;color:#2c3e50;font-size:16px}.url-display{display:flex;gap:10px}.url-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;background:#f8f9fa}.copy-button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.copy-button:hover{background:#0056b3}.next-steps{margin:20px 0}.next-steps h4{margin:0 0 15px;color:#2c3e50;font-size:16px}.next-steps ol{margin:0;padding-left:20px}.next-steps li{margin-bottom:8px;color:#495057;font-size:14px;line-height:1.4}.success-actions,.error-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.error-header{text-align:center;margin-bottom:20px}.error-icon{font-size:48px;margin-bottom:15px}.error-header h3{margin:0;color:#dc3545}.error-details{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:4px;border-left:4px solid #dc3545}.error-details h4{margin:0 0 10px;color:#2c3e50;font-size:14px}.error-details pre{margin:0;font-size:12px;color:#6c757d;white-space:pre-wrap;word-break:break-word}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.field-error{color:#dc3545;font-size:14px;margin-top:5px;display:block}@media(max-width:768px){.game-scaffolding{padding:15px}.game-form{padding:20px}.modal-content{padding:20px;margin:20px}.url-display,.success-actions,.error-actions{flex-direction:column}.preview-item{flex-direction:column;text-align:center}.preview-icon{margin-right:0;margin-bottom:10px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.progress-step.active .step-icon{animation:pulse 1.5s infinite}.asset-management{display:flex;flex-direction:column;height:100%;background:#f8f9fa}.asset-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a}.asset-header h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600}.asset-actions{display:flex;gap:.5rem}.asset-actions .btn-secondary.active{background:#007bff;color:#fff;border-color:#007bff}.asset-content{flex:1;padding:2rem;overflow-y:auto}.asset-library{display:flex;flex-direction:column;gap:1.5rem}.library-controls{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.search-controls{display:flex;gap:1rem;align-items:center}.search-input{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;width:250px}.filter-select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff}.library-stats{color:#6c757d;font-size:.9rem}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;min-height:200px}.asset-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s ease;cursor:pointer}.asset-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.asset-card.selected{border:2px solid #007bff;box-shadow:0 4px 12px #007bff4d}.asset-preview{height:180px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-image{max-width:100%;max-height:100%;object-fit:contain}.audio-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.audio-preview .icon-audio{font-size:3rem;color:#6c757d}.audio-preview audio{width:100%;max-width:200px}.unknown-preview{display:flex;align-items:center;justify-content:center;height:100%;color:#6c757d;font-size:3rem}.asset-info{padding:1rem}.asset-name{font-weight:600;color:#2c3e50;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#6c757d}.asset-meta span{background:#f8f9fa;padding:.2rem .5rem;border-radius:4px}.usage-count{background:#fff3cd!important;color:#856404!important}.asset-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1rem 1rem}.btn-icon{background:none;border:1px solid #ddd;border-radius:4px;padding:.5rem;cursor:pointer;color:#6c757d;transition:all .2s ease}.btn-icon:hover:not(.disabled){background:#f8f9fa;color:#495057}.btn-icon.disabled{opacity:.5;cursor:not-allowed}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6c757d}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state p{margin:1rem 0;font-size:1.1rem}.asset-upload{display:flex;flex-direction:column;gap:2rem}.upload-area{background:#fff;border:2px dashed #ddd;border-radius:12px;padding:3rem;text-align:center;transition:all .2s ease;cursor:pointer}.upload-area:hover,.upload-area.drag-over{border-color:#007bff;background:#f8f9ff}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.upload-content i{font-size:4rem;color:#6c757d}.upload-content h3{margin:0;color:#2c3e50;font-size:1.5rem}.upload-content p{margin:0;color:#6c757d;font-size:1.1rem}.upload-buttons{display:flex;gap:1rem}.upload-buttons .btn-primary,.upload-buttons .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem}.upload-info{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#6c757d;text-align:left}.format-info strong{color:#495057}.upload-progress{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.upload-progress h3{margin:0 0 1rem;color:#2c3e50}.progress-list{display:flex;flex-direction:column;gap:1rem}.progress-item{padding:1rem;border:1px solid #e9ecef;border-radius:6px;background:#f8f9fa}.progress-item.complete{background:#d4edda;border-color:#c3e6cb}.progress-item.error{background:#f8d7da;border-color:#f5c6cb}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.file-name{font-weight:500;color:#2c3e50}.progress-status{font-size:.9rem;color:#6c757d}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.progress-item.complete .progress-fill{background:#28a745}.progress-item.error .progress-fill{background:#dc3545}.toast{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc3545}.toast-info{border-left:4px solid #007bff}.toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem}.toast-content i{font-size:1.2rem}.toast-success i{color:#28a745}.toast-error i{color:#dc3545}.toast-info i{color:#007bff}.toast-content span{flex:1;color:#2c3e50}.toast-content button{background:none;border:none;font-size:1.2rem;color:#6c757d;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-content button:hover{color:#495057}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.asset-header{flex-direction:column;gap:1rem;align-items:stretch}.asset-actions{justify-content:center}.library-controls{flex-direction:column;gap:1rem;align-items:stretch}.search-controls{flex-direction:column;gap:.5rem}.search-input{width:100%}.asset-grid{grid-template-columns:1fr}.upload-buttons{flex-direction:column}.toast{left:20px;right:20px;min-width:auto}}@media(max-width:480px){.asset-content{padding:1rem}.upload-area{padding:2rem 1rem}.upload-content h3{font-size:1.2rem}.upload-content p{font-size:1rem}}.category-dialog{max-width:500px}.category-form{display:flex;flex-direction:column;gap:20px}.category-form .form-group{margin-bottom:0}.category-form .form-input,.category-form .form-textarea{width:100%;padding:12px 16px;border:2px solid var(--kassie-light-border-color);border-radius:6px;font-size:14px;font-family:inherit;background:var(--kassie-white);color:var(--kassie-text-color);transition:all .2s ease;box-sizing:border-box}.category-form .form-input:focus,.category-form .form-textarea:focus{outline:none;border-color:var(--kassie-cyan-3);box-shadow:0 0 0 3px #44c1c51a}.category-form .form-input.error,.category-form .form-textarea.error{border-color:var(--kassie-red-3);box-shadow:0 0 0 3px #db41391a}.category-form .form-label{display:block;color:var(--kassie-text-color);font-weight:600;margin-bottom:8px;font-size:14px}.category-form .field-error{color:var(--kassie-red-3);font-size:12px;margin-top:5px;font-weight:500;display:none}.category-form .field-help{color:var(--kassie-text-color);font-size:12px;margin-top:5px;opacity:.7}.icon-selector{margin-top:8px}.icon-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px;background:var(--kassie-lighter-background-color);border:2px solid var(--kassie-light-border-color);border-radius:8px}.icon-option{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.icon-option input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.icon-display{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;border:2px solid var(--kassie-light-border-color);border-radius:8px;background:var(--kassie-white);transition:all .2s ease}.icon-option:hover .icon-display{border-color:var(--kassie-cyan-3);background:var(--kassie-cyan-1);transform:scale(1.05)}.icon-option input[type=radio]:checked+.icon-display{border-color:var(--kassie-secondary-color);background:var(--kassie-primary-color);box-shadow:0 0 0 3px #fbdd5c4d;transform:scale(1.1)}.category-usage-info{background:var(--kassie-lighter-background-color);border:1px solid var(--kassie-light-border-color);border-radius:6px;padding:15px;margin-top:15px}.usage-warning{display:flex;align-items:center;gap:10px;color:var(--kassie-text-color);font-size:14px}.warning-icon{font-size:16px;color:var(--kassie-orange-3)}.delete-dialog{max-width:450px}.delete-confirmation{text-align:center;padding:20px 0}.delete-confirmation .warning-icon{font-size:48px;color:var(--kassie-orange-3);margin-bottom:15px}.delete-confirmation h4{color:var(--kassie-text-color);margin:0 0 20px;font-size:18px}.category-preview{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;background:var(--kassie-lighter-background-color);border:2px solid var(--kassie-light-border-color);border-radius:8px;margin:15px 0}.category-preview .category-icon{font-size:32px}.category-preview .category-names{text-align:left}.category-preview .category-names strong{color:var(--kassie-text-color);font-size:16px}.delete-warning{color:var(--kassie-text-color);font-size:14px;margin:15px 0 0;opacity:.8;line-height:1.4}.category-card{background:var(--kassie-white);border:2px solid var(--kassie-light-border-color);border-radius:12px;padding:20px;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.category-card:hover{border-color:var(--kassie-cyan-3);transform:translateY(-2px);box-shadow:0 4px 12px var(--kassie-shadow-color)}.category-badge{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0}.category-badge-placeholder{width:80px;height:80px;border-radius:50%;background:var(--kassie-primary-color);border:3px solid var(--kassie-dark-border-color);display:flex;align-items:center;justify-content:center;margin:0}.category-badge-placeholder .badge-icon{font-size:32px}.category-badge-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--kassie-dark-border-color)}.category-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.category-info h3{color:var(--kassie-text-color);margin:0;font-size:16px;font-weight:600;line-height:1.3}.category-info .usage-stats{color:var(--kassie-text-color);font-size:14px;opacity:.7;margin:0}.category-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.category-dialog{width:95%;max-width:none}.icon-options{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.icon-display{width:35px;height:35px;font-size:18px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.category-card{padding:15px}.category-badge,.category-badge-placeholder,.category-badge-img{width:60px;height:60px}.category-badge-placeholder .badge-icon{font-size:24px}.category-actions{flex-direction:column;width:100%}.category-actions .custom-button{width:100%}}@media(max-width:480px){.icon-options{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr}.category-preview{flex-direction:column;gap:10px}.category-preview .category-names{text-align:center}}.category-form .form-input.success,.category-form .form-textarea.success{border-color:var(--kassie-green-3);box-shadow:0 0 0 3px #5c833a1a}.field-success{color:var(--kassie-green-4);font-size:12px;margin-top:5px;font-weight:500}@keyframes categoryCreated{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.category-card.newly-created{animation:categoryCreated .5s ease}.cms-modal-overlay .category-dialog .modal-body{max-height:70vh;overflow-y:auto}.cms-modal-overlay .delete-dialog .modal-body{max-height:60vh;overflow-y:auto}.editor-tabs{display:flex;border-bottom:2px solid var(--kassie-green-3);margin-bottom:20px;background:var(--kassie-white)}.tab-button{background:none;border:none;padding:12px 24px;font-size:16px;font-weight:500;color:var(--kassie-green-3);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative}.tab-button:hover{background-color:var(--kassie-green-1);color:var(--kassie-green-4)}.tab-button.active{color:var(--kassie-green-4);border-bottom-color:var(--kassie-green-3);background-color:var(--kassie-green-1);font-weight:600}.editor-tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metadata-editor{padding:20px;background:var(--kassie-white);border-radius:8px;box-shadow:0 2px 8px #0000001a}.metadata-form-container h3{color:var(--kassie-green-4);margin-bottom:8px;font-size:24px;font-weight:600}.metadata-description{color:var(--kassie-green-3);margin-bottom:24px;font-size:16px;line-height:1.5}.metadata-form .form-section{margin-bottom:24px}.metadata-form .form-group{margin-bottom:20px}.metadata-form .form-label{display:block;margin-bottom:6px;font-weight:500;color:var(--kassie-green-4);font-size:14px}.metadata-form .form-input,.metadata-form .form-textarea,.metadata-form .form-select{width:100%;padding:12px;border:2px solid var(--kassie-green-2);border-radius:6px;font-size:16px;transition:border-color .3s ease;background:var(--kassie-white)}.metadata-form .form-input:focus,.metadata-form .form-textarea:focus,.metadata-form .form-select:focus{outline:none;border-color:var(--kassie-green-3);box-shadow:0 0 0 3px #5c833a1a}.metadata-form .form-textarea{resize:vertical;min-height:100px}.metadata-form .age-range-inputs{display:flex;align-items:center;gap:12px}.metadata-form .age-input-group{flex:1}.metadata-form .age-label{font-size:12px;color:var(--kassie-green-3);margin-bottom:4px}.metadata-form .age-select{width:100%}.metadata-form .age-separator{font-weight:700;color:var(--kassie-green-3);margin:0 8px}.metadata-form .checkbox-group{display:flex;align-items:center;gap:8px}.metadata-form .form-checkbox{width:18px;height:18px;accent-color:var(--kassie-green-3)}.metadata-form .checkbox-label{font-size:16px;color:var(--kassie-green-4);cursor:pointer}.metadata-form .form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--kassie-green-2)}.metadata-form .field-error{color:var(--kassie-red-3);font-size:14px;margin-top:4px}.metadata-form .field-help{color:var(--kassie-green-3);font-size:12px;margin-top:4px}@media(max-width:768px){.metadata-form .age-range-inputs{flex-direction:column;align-items:stretch}.metadata-form .age-separator{text-align:center;margin:8px 0}.metadata-form .form-actions,.editor-tabs{flex-direction:column}.tab-button{text-align:left;border-bottom:1px solid var(--kassie-green-2);border-left:3px solid transparent}.tab-button.active{border-left-color:var(--kassie-green-3);border-bottom-color:var(--kassie-green-2)}}.story-preview{padding:20px;background:var(--kassie-white);border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-container h3{color:var(--kassie-green-4);margin-bottom:8px;font-size:24px;font-weight:600}.preview-description{color:var(--kassie-green-3);margin-bottom:24px;font-size:16px;line-height:1.5}.preview-controls{margin-bottom:24px;display:flex;gap:12px}.story-preview-content{min-height:400px}.loading-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--kassie-green-3);font-size:16px}.loading-spinner{width:20px;height:20px;border:2px solid var(--kassie-green-2);border-top:2px solid var(--kassie-green-3);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-empty,.preview-error{text-align:center;padding:60px 20px;color:var(--kassie-green-3)}.preview-empty .empty-icon,.preview-error .error-icon{font-size:48px;margin-bottom:16px}.preview-empty h4,.preview-error h4{color:var(--kassie-green-4);margin-bottom:8px;font-size:20px}.story-pages-preview{border:1px solid var(--kassie-green-2);border-radius:8px;overflow:hidden}.preview-header{background:var(--kassie-green-1);padding:16px 20px;border-bottom:1px solid var(--kassie-green-2)}.preview-header h4{color:var(--kassie-green-4);margin:0 0 4px;font-size:18px;font-weight:600}.page-count{color:var(--kassie-green-3);margin:0;font-size:14px}.preview-pages{max-height:600px;overflow-y:auto}.preview-page{border-bottom:1px solid var(--kassie-green-2);padding:20px}.preview-page:last-child{border-bottom:none}.page-header{margin-bottom:12px}.page-header h4{color:var(--kassie-green-4);margin:0;font-size:16px;font-weight:500}.page-content{display:flex;flex-direction:column;gap:12px}.page-image{max-width:200px;border-radius:6px;overflow:hidden;border:1px solid var(--kassie-green-2)}.page-image img{width:100%;height:auto;display:block}.page-text{color:var(--kassie-green-4);font-size:16px;line-height:1.6;background:var(--kassie-white);padding:12px;border:1px solid var(--kassie-green-2);border-radius:6px;white-space:pre-wrap}.page-audio{margin-top:8px}.page-audio audio{width:100%;max-width:300px}@media(max-width:768px){.story-preview{padding:16px}.preview-controls{flex-direction:column}.page-content{gap:8px}.page-image{max-width:100%}.preview-pages{max-height:400px}}.save-status{font-size:.875rem;padding:.25rem .75rem;border-radius:1rem;font-weight:500;transition:all .3s ease}.save-status.saving{background-color:#fef3c7;color:#92400e}.save-status.saved{background-color:#d1fae5;color:#065f46}.save-status.unsaved{background-color:#fee2e2;color:#991b1b}.save-status.error{background-color:#fecaca;color:#dc2626}.auto-save-indicator{display:flex;align-items:center;gap:.5rem}.story-editor-header{padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.story-editor-header .save-status{margin-left:auto}