*{box-sizing:border-box}:root{--primary-color: #ff6348;--primary-hover: #ff4757;--primary-light: #ff8c42;--primary-gradient: linear-gradient(135deg, #ff6348 0%, #ff4757 100%);--primary-gradient-light: linear-gradient(135deg, #ff6348 0%, #ff8c42 100%);--primary-shadow: rgba(255, 99, 72, .3);--primary-shadow-light: rgba(255, 99, 72, .1);--background-light: #f8f9fa;--white: #ffffff;--text-dark: #333333;--text-medium: #666666;--text-light: #999999;--border-light: #e1e5e9;--border-medium: #dee2e6;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-light);color:var(--text-dark);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}button{font-family:inherit}.btn-primary{background:var(--primary-gradient);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;border:1px solid var(--primary-color)}.btn-primary:hover{background:var(--primary-gradient-light);transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-shadow)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-shadow)}.form-input-primary{padding:.75rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fafbfc}.form-input-primary:focus{outline:none;border-color:var(--primary-color);background:var(--white);box-shadow:0 0 0 3px var(--primary-shadow-light)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.spinner-primary{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link-primary{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s ease}.link-primary:hover{color:var(--primary-hover);text-decoration:underline}.badge-primary{background:var(--primary-gradient);color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge-secondary{background:var(--background-light);color:var(--text-medium);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px);box-shadow:0 12px 25px var(--primary-shadow)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.modal-open{overflow:hidden}.sidebar{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}body.advanced-editor-open .sidebar{transform:translate(-100%);pointer-events:none}body:not(.advanced-editor-open) .sidebar{transform:translate(0);pointer-events:auto}.navbar{transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}body.advanced-editor-open .navbar{opacity:0;transform:translateY(-100%);pointer-events:none}body:not(.advanced-editor-open) .navbar{opacity:1;transform:translateY(0);pointer-events:auto}.modal-close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s ease;line-height:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;min-width:34px;min-height:34px;box-sizing:border-box}.modal-close-btn fa-icon{font-size:.95rem}.modal-close-btn:hover:not(:disabled){background:#ffffff4d}.modal-close-btn fa-icon{transition:transform .18s ease}.modal-close-btn:hover fa-icon{transform:scale(1.12)}.modal-close-btn:active:not(:disabled){transform:scale(.92)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-modal-close{width:44px;height:44px;padding:0;font-size:1.15rem}.image-modal-close fa-icon{font-size:1.25rem}