/* Custom Properties */
:root { 
    --primary: #004a99; 
    --accent: #b38b59; 
    --bg: #f8f9fa; 
}

body { 
    background: var(--bg); 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}

/* Card Style */
.app-card { 
    max-width: 950px; 
    margin: 30px auto; 
    background: white; 
    border-radius: 12px; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); 
    border: none; 
}

/* Header */
.hero-header { 
    background: #1a1a1b; 
    color: white; 
    padding: 20px 30px; 
    border-top-left-radius: 12px; 
    border-top-right-radius: 12px; 
    border-bottom: 4px solid var(--accent); 
}

/* Content Area for Manuscript */
.content-area { 
    font-family: 'Georgia', serif; 
    line-height: 1.8; 
    background: #fff; 
    padding: 40px; 
    border: 1px solid #dee2e6; 
    border-radius: 4px; 
    color: #222; 
}

/* Toast Notification */
#toast { 
    position: fixed; 
    bottom: 20px; 
    left: 50%; 
    transform: translateX(-50%); 
    z-index: 9999; 
    display: none; 
    background: #333; 
    color: white; 
    padding: 10px 25px; 
    border-radius: 50px; 
}

/* Loading Overlay */
.loading-overlay { 
    display: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(255,255,255,0.95); 
    z-index: 100; 
    align-items: center; 
    justify-content: center; 
    flex-direction: column; 
    border-radius: 12px; 
}

/* Print Optimization */
@media print { 
    .no-print { display: none !important; } 
    body { background: white; }
    .app-card { margin: 0; box-shadow: none; max-width: 100%; } 
    .content-area { border: none; padding: 0; }
}