@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-primary:#fbf9f6;--bg-secondary:#f4efe8;--bg-card:#fff;--color-primary:#2c5282;--color-primary-light:#ebf8ff;--color-secondary:#dd6b20;--color-secondary-light:#fffaf0;--text-main:#2d3748;--text-muted:#718096;--text-light:#a0aec0;--border-color:#e2e8f0;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--font-sans:"Outfit", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-sm:0 2px 8px #2c52820a;--shadow-md:0 8px 24px #2c52820f;--shadow-lg:0 16px 48px #2c52821a;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px}.glass-card{background:var(--bg-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth);border:1px solid #2c528214;padding:32px}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);font-size:16px;font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#1a365d;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--color-primary);border:1px solid #2c528226}.btn-secondary:hover{background-color:#e8dfd2}.btn-accent{background-color:var(--color-secondary);color:#fff}.btn-accent:hover{background-color:#c05621}.btn-disabled{background-color:var(--border-color);color:var(--text-light);cursor:not-allowed}h1,h2,h3,h4{color:var(--color-primary);margin-bottom:.5em;font-weight:700}.progress-bar-container{background-color:var(--bg-secondary);border-radius:4px;width:100%;height:8px;margin:20px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:100%;transition:width .3s}.riasec-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.riasec-card{background:var(--bg-card);border-left:5px solid var(--color-primary);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);padding:20px}.riasec-card.R{border-left-color:#e53e3e}.riasec-card.I{border-left-color:#3182ce}.riasec-card.A{border-left-color:#d69e2e}.riasec-card.S{border-left-color:#38a169}.riasec-card.E{border-left-color:#805ad5}.riasec-card.C{border-left-color:#319795}.handwritten-box{border-radius:var(--border-radius-sm);color:#3c2f1f;background-color:#fffdf9;background-image:linear-gradient(#f0e4d4 1px,#0000 1px);background-size:100% 2em;border:1px dashed #ddcbb4;padding:24px;font-family:Noto Sans SC,cursive,sans-serif;font-size:17px;line-height:2em;position:relative}.handwritten-textarea{width:100%;min-height:150px;font-family:var(--font-sans);resize:vertical;color:var(--text-main);background:0 0;border:none;outline:none;font-size:16px;line-height:1.8}.grid-responsive-2{grid-template-columns:1fr 1.5fr;gap:20px;display:grid}.grid-responsive-half{grid-template-columns:1fr 1fr;gap:20px;display:grid}.welcome-title-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (width<=768px){.glass-card{padding:20px 16px!important}.btn{padding:10px 20px!important;font-size:15px!important}.grid-responsive-2,.grid-responsive-half{grid-template-columns:1fr!important;gap:15px!important}.welcome-title-row{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}}@media print{@page{size:A4;margin:15mm}html,body{color:#000!important;background:#fff!important;font-size:13pt!important;line-height:1.5!important}.app-container{min-height:auto!important;display:block!important}.main-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.no-print{display:none!important}.glass-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;transform:none!important}.print-page-break{page-break-before:always!important;break-before:page!important}table,.report-table{border-collapse:collapse!important;page-break-inside:avoid!important;width:100%!important;margin-bottom:20px!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}th,td{border:1px solid #cbd5e1!important;padding:8px 10px!important;font-size:11pt!important}h1,h2,h3,h4{color:#1a365d!important;page-break-after:avoid!important;break-after:avoid!important;margin-top:24px!important}h1{text-align:center!important;font-size:24pt!important}h2{border-bottom:2px solid #2c5282!important;padding-bottom:6px!important;font-size:16pt!important}h3{font-size:13pt!important}ul,ol,li,p{page-break-inside:avoid!important}.handwritten-box{color:#2d3748!important;page-break-inside:avoid!important;background:#fffdf9!important;border:1px dashed #2c5282!important}canvas{width:auto!important;max-height:240px!important;margin:0 auto!important}}