@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-image{object-fit:contain;border-radius:8px;width:42px;height:42px}.logo-text{color:#163c92;letter-spacing:.5px;font-size:30px;font-weight:700}.logo:hover .logo-text{color:#1b4db8}@media (width<=768px){.logo-image{width:36px;height:36px}.logo-text{font-size:24px}}.primary-btn{background:var(--primary);color:#fff;border:none;border-radius:35px;padding:18px 40px;font-weight:400}.user-menu{position:relative}.user-info{cursor:pointer;align-items:center;gap:10px;display:flex}.dropdown{background:#fff;border-radius:10px;width:220px;position:absolute;top:60px;right:0;overflow:hidden;box-shadow:0 8px 30px #00000026}.dropdown div{cursor:pointer;padding:15px 20px}.dropdown div:hover{background:#f5f5f5}.header{background:#fff;height:80px;box-shadow:0 2px 10px #00000014}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.header h1{color:#173d8f}.nav-menu{gap:50px;list-style:none;display:flex}.nav-menu a{color:#555;font-weight:500;text-decoration:none;transition:all .3s}.nav-menu a:hover{color:#173d8f}.login-btn{color:#fff;cursor:pointer;background:#173d8f;border:none;border-radius:30px;width:140px;height:48px;font-size:16px;transition:all .3s}.login-btn:hover{background:#0e2e72;transform:translateY(-3px)}.menu-icon{cursor:pointer;font-size:28px;display:none}@media (width<=768px){.menu-icon{display:block}.nav-menu{background:#fff;flex-direction:column;gap:30px;width:100%;padding:30px;transition:all .4s;display:flex;position:absolute;top:80px;left:-100%}.nav-menu.active{left:0}}.user-menu{align-items:center;gap:20px;display:flex}.user-name{color:#163c92;font-weight:600}.navigation{flex:1;justify-content:center;display:flex}.nav-menu{align-items:center;gap:40px;list-style:none;display:flex}.nav-link{color:#555;padding-bottom:6px;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{color:#163c92}.nav-link.active{color:#163c92;border-bottom:3px solid #163c92;font-weight:700}.footer{background:#fafafa;border-top:1px solid #ececec;margin-top:80px}.footer-container{grid-template-columns:2fr 1fr 1fr 1.3fr;gap:60px;max-width:1200px;margin:auto;padding:70px 30px 50px;display:grid}.footer-logo{align-items:center;gap:14px;margin-bottom:20px;display:flex}.footer-logo img{width:52px}.footer-logo span{color:#163c92;font-size:34px;font-weight:700}.footer-brand p{color:#6b7280;max-width:340px;font-size:15px;line-height:1.9}.footer-column h4{color:#111827;margin-bottom:22px;font-size:17px;font-weight:600}.footer-column a{color:#6b7280;margin-bottom:14px;text-decoration:none;transition:all .25s;display:block}.footer-column a:hover{color:#163c92}.footer-column p{color:#6b7280;align-items:center;gap:10px;margin-bottom:16px;font-size:15px;display:flex}.footer-social{margin-top:20px}.footer-social a{color:#163c92;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex}.footer-social a:hover{color:#fff;background:#163c92}.footer-bottom{color:#9ca3af;border-top:1px solid #ececec;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:22px 30px;font-size:14px;display:flex}@media (width<=900px){.footer-container{grid-template-columns:1fr 1fr}}@media (width<=650px){.footer-container{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}.hero{padding:70px 0}.hero-container{justify-content:space-between;align-items:center;gap:80px;display:flex}.hero-left,.hero-right{flex:1}.hero-right img{border-radius:30px;width:100%;box-shadow:0 20px 40px #00000026}.badge{color:#173d8f;background:#f5c56a;border-radius:30px;margin-bottom:25px;padding:10px 22px;font-weight:600;display:inline-block}.hero h1{color:#173d8f;font-size:40px;line-height:1.2}.hero h1 span{color:#b88932}.hero p{color:#666;margin-top:27px;font-size:18px;line-height:1.8}.hero-btn{color:#fff;cursor:pointer;background:#173d8f;border:none;border-radius:15px;width:220px;height:65px;margin-top:40px;font-size:22px;transition:all .3s}.hero-btn:hover{background:#0c2b70;transform:translateY(-5px)}.mission{text-align:center;padding:120px 0 90px}.quote-icon{color:#d2b26d;font-size:60px}.mission h3{color:#173d8f;margin-top:20px;font-size:38px}.mission h2{color:#173d8f;width:900px;margin:35px auto;font-size:42px;font-weight:700;line-height:1.5}.mission h2 span{color:#173d8f;font-weight:800}.mission-line{background:#d2b26d;border-radius:50px;width:90px;height:4px;margin:auto}.testimonials{padding:80px 0 120px}.testimonial-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.testimonial-header h2{color:#173d8f;font-size:40px}.testimonial-header p{color:#777;margin-top:12px}.arrow-group{gap:15px;display:flex}.arrow-group button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;width:52px;height:52px;font-size:18px;transition:all .3s}.arrow-group button:hover{color:#fff;background:#173d8f}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.testimonial-card{background:#fff;border-radius:25px;padding:35px;transition:all .35s;box-shadow:0 15px 40px #0000000d}.testimonial-card:hover{transform:translateY(-12px)}.stars{color:#d9a628;font-size:22px}.review{color:#555;min-height:160px;margin:25px 0 40px;line-height:1.8}.user{align-items:center;gap:15px;display:flex}.avatar{color:#173d8f;background:#edf2ff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-weight:700;display:flex}.user h4{color:#173d8f}.user span{color:#888;font-size:14px}.download-section{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 40%,#2563eb 70%,#60a5fa 100%);padding:120px 0;position:relative;overflow:hidden}.mesh{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.mesh-1{opacity:.25;background:#60a5fa;width:550px;height:550px;top:-180px;left:-150px}.mesh-2{opacity:.2;background:#38bdf8;width:500px;height:500px;bottom:-180px;right:-120px}.download-container{z-index:2;justify-content:space-between;align-items:center;gap:80px;display:flex;position:relative}.download-left{flex:1}.download-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:999px;margin-bottom:25px;padding:10px 18px;font-size:14px;display:inline-flex}.download-left h2{color:#fff;margin-bottom:25px;font-size:58px;font-weight:800;line-height:1.15}.download-left p{color:#ffffffd1;max-width:600px;font-size:18px;line-height:1.9}.feature-list{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px;padding:0;list-style:none;display:grid}.feature-list li{color:#fff;font-size:16px;font-weight:500}.qr-wrapper{flex-wrap:wrap;gap:24px;margin-top:45px;display:flex}.qr-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:24px;width:190px;padding:20px;transition:all .35s}.qr-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0003}.qr-card img{background:#fff;border-radius:16px;width:100%;padding:8px}.qr-card h4{color:#fff;margin-top:16px;font-size:18px}.qr-card span{color:#ffffffb3;margin-top:8px;font-size:14px;display:block}.phone-wrapper{z-index:3;animation:5s ease-in-out infinite floating;position:relative}.phone-image{filter:drop-shadow(0 35px 80px #00000059);width:370px}.floating-card{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#ffffff2e;border:1px solid #fff3;border-radius:18px;padding:14px 18px;font-size:14px;font-weight:600;position:absolute}.card-1{top:80px;left:40px}.card-2{top:220px;right:20px}.card-3{bottom:120px;left:20px}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@media (width<=991px){.download-container{text-align:center;flex-direction:column}.download-left h2{font-size:42px}.feature-list{grid-template-columns:1fr}.qr-wrapper{justify-content:center}.phone-image{width:300px}.floating-card{display:none}}@media (width<=576px){.download-left h2{font-size:34px}.download-left p{font-size:16px}.qr-card{width:160px}.phone-image{width:260px}}.download-right{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.phone-glow{filter:blur(140px);opacity:.35;background:#60a5fa;border-radius:50%;width:420px;height:420px;position:absolute}.iphone{background:#111827;border-radius:42px;width:310px;height:640px;padding:14px;animation:6s ease-in-out infinite floatPhone;position:relative;box-shadow:0 35px 80px #00000059}.dynamic-island{z-index:10;background:#000;border-radius:20px;width:100px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.iphone-screen{background:#fff;border-radius:30px;width:100%;height:100%;overflow:hidden}.screen-image{object-fit:cover;width:100%;height:100%;animation:.8s fadeScreen}@keyframes floatPhone{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes fadeScreen{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}:root{--primary:#2f6bff;--primary-dark:#1f53d9;--bg-1:#fff4e8;--bg-2:#fff8f2;--bg-3:#fffdfb;--orange:#ffd6b5;--pink:#ffd8e4;--text:#26324b;--text-light:#77839a;--border:#e8ecf3;--shadow:0 20px 60px #1a285014;--radius:28px}html,body,#root{width:100%;height:100%}body{color:var(--text);background:#f7f8fc;font-family:Poppins,sans-serif;overflow:hidden auto}.login-page{background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 55%, var(--bg-3) 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.blob{filter:blur(45px);z-index:0;border-radius:50%;animation:12s ease-in-out infinite blobMove;position:absolute}.blob-1{background:radial-gradient(circle,#ffb978bf,#ffb97800);width:700px;height:700px;top:-320px;left:-250px}.blob-2{background:radial-gradient(circle,#ffafc3a6,#ffafc300);width:700px;height:700px;animation-delay:3s;bottom:-300px;right:-260px}.wave{z-index:0;border:2px solid #ffb47824;border-radius:50%;position:absolute}.wave-1{width:900px;height:900px;top:-430px;left:-260px}.wave-2{width:700px;height:700px;bottom:-330px;right:-150px}.particle{opacity:.65;z-index:0;background:#fff;border-radius:50%;width:12px;height:12px;animation:8s ease-in-out infinite float;position:absolute}.p1{top:18%;left:18%}.p2{animation-delay:2s;top:70%;left:12%}.p3{animation-delay:1s;top:24%;right:18%}.p4{animation-delay:4s;bottom:18%;right:14%}.p5{animation-delay:3s;top:52%;right:32%}.login-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);width:min(430px,100%);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #ffffffbf;padding:85px 40px 40px;animation:.8s cardShow;position:relative}.login-card h2{text-align:center;color:var(--text);letter-spacing:.3px;margin-bottom:15px;font-size:30px;font-weight:700}.login-card>p{text-align:center;color:var(--text-light);margin-bottom:35px;font-size:15px;line-height:1.6}.form-group{margin-bottom:22px}.form-group label{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.input-box{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;height:58px;transition:all .35s;display:flex;position:relative;overflow:hidden}.input-box:hover{border-color:#c7d7ff}.input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 5px #2f6bff1f}.icon{text-align:center;color:#9aa6c1;width:58px;font-size:18px;transition:all .3s}.input-box:focus-within .icon{color:var(--primary)}.input-box input{height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding-right:15px;font-family:inherit;font-size:15px}.input-box input::placeholder{color:#b5bfd2}.eye-btn{cursor:pointer;color:#aab5c9;background:0 0;border:none;width:55px;height:100%;transition:all .3s}.eye-btn:hover{color:var(--primary)}.login-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2f6bff,#4a86ff);border:none;border-radius:16px;width:100%;height:58px;font-size:16px;font-weight:600;transition:all .35s;box-shadow:0 15px 30px #2f6bff47}.login-btn:hover{box-shadow:0 25px 40px #2f6bff59}.login-btn:disabled{cursor:not-allowed;opacity:.75}.input-box:after{content:"";background:var(--primary);width:0;height:2px;transition:all .35s;position:absolute;bottom:0;left:0}.input-box:focus-within:after{width:100%}@keyframes cardShow{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes blobMove{0%{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.05)}50%{transform:translate(10px,20px)scale(.96)}75%{transform:translate(-25px,-15px)scale(1.03)}to{transform:translate(0)scale(1)}}@keyframes float{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-25px)}to{opacity:.4;transform:translateY(0)}}.particle{box-shadow:0 0 18px #fffc}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#d5dcea;border-radius:50px}@media (width<=992px){.login-card{width:420px}}@media (width<=768px){body{overflow:auto}.login-page{padding:30px}.login-card{width:100%;max-width:430px;padding:75px 30px 35px}.blob-1{width:500px;height:500px;top:-220px;left:-220px}.blob-2{width:500px;height:500px;bottom:-220px;right:-220px}}@media (width<=576px){.login-card{border-radius:24px;padding:70px 24px 30px}.login-card h2{font-size:26px}.login-card>p{margin-bottom:28px;font-size:14px}.input-box,.login-btn{height:54px}}@media (width<=420px){.login-page{padding:18px}.input-box,.login-btn{border-radius:14px}}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff73,#0000 35%),radial-gradient(circle at 85% 80%,#ffffff59,#0000 30%);position:absolute;inset:0}.login-page:after{content:"";opacity:.25;pointer-events:none;background-image:radial-gradient(#ffffff59 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0}input:-webkit-autofill{font-family:Poppins,sans-serif;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#26324b!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{font-family:Poppins,sans-serif;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#26324b!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{font-family:Poppins,sans-serif;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#26324b!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:active{font-family:Poppins,sans-serif;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#26324b!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.login-error{color:#d32f2f;opacity:0;background:#d32f2f14;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;margin:10px 0 16px;padding:10px 12px;transition:all .2s;display:flex}.login-error.show{opacity:1;border-color:#d32f2f40}.server-unavailable-content{padding:8px 0}.server-unavailable-content p{color:#555;margin:0 0 12px;font-size:15px;line-height:1.6}.server-unavailable-content ul{margin:0;padding-left:22px}.server-unavailable-content li{color:#666;margin-bottom:8px;font-size:14px;line-height:1.5}.server-unavailable-content .tip{color:#ad6800;background:#fffbe6;border:1px solid #ffe58f;border-radius:6px;margin-top:16px;padding:10px 14px;font-size:14px}.stat-card{background:#fff;border:1px solid #e7eaf5;border-radius:14px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 3px 12px #0000000d}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.stat-title{color:#777;font-size:14px}.stat-value{color:#163c92;font-size:34px;font-weight:700}.status{border-radius:30px;padding:7px 18px;font-size:13px;font-weight:600}.pending{color:#e46b00;background:#ffefd8}.rejected{color:#dc2626;background:#fee2e2}.table-wrapper{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #0000000d}.article-table{border-collapse:collapse;width:100%}.detail-btn{color:#1f4ea9;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.detail-btn span{margin-right:4px}.detail-btn:hover{color:#163d86}.detail-btn svg{width:14px;height:14px}.pagination{background:#eef4ff;justify-content:space-between;align-items:center;padding:20px;display:flex}.page-group{gap:10px;display:flex}.page-group button{cursor:pointer;background:#fff;border:none;border-radius:8px;width:36px;height:36px}.page-group .active{color:#fff;background:#173b92}.post-list-page{max-width:1200px;margin:40px auto;padding:0 20px 60px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.page-header h1{color:#163c92;margin-bottom:10px;font-size:54px}.new-post-btn{color:#664200;cursor:pointer;background:#ffc34d;border:none;border-radius:14px;align-items:center;gap:12px;padding:18px 32px;font-size:20px;font-weight:600;transition:all .3s;display:flex}.new-post-btn:hover{background:#ffb733;transform:translateY(-2px)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:35px;display:grid}.article-table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 5px 20px #0000000f}.article-table thead{background:#eef4ff}.article-table th{text-align:left;color:#5a6785;padding:20px;font-size:15px}.article-table td{border-bottom:1px solid #ececec;padding:24px 20px}.article-table tbody tr{transition:all .25s}.article-table tbody tr:hover{background:#f8fbff}.detail-btn{color:#173b92;cursor:pointer;background:0 0;border:none;font-weight:600}.detail-btn:hover{text-decoration:underline}.table-container{position:relative}.table-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.editor-page{max-width:1280px;margin:auto;padding:40px 20px 80px}.editor-header{margin-bottom:30px}.page-caption{color:#173b92;font-size:13px;font-weight:600}.editor-header h1{color:#173b92;margin-top:10px;font-size:46px}.editor-header span{color:#173b92}.editor-layout{grid-template-columns:2fr 1fr;gap:25px;display:grid}.editor-left,.editor-right{min-height:800px}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reject-modal{text-align:center;background:#fff;border-radius:16px;width:420px;padding:32px;box-shadow:0 12px 40px #0003}.reject-modal .icon{color:#8b5e00;background:#ffd36a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:auto;display:flex}.reject-modal h2{margin:24px 0 12px}.reject-modal p{color:#666;line-height:1.6}.backToListPost{color:#fff;cursor:pointer;background:#1f3c88;border:none;border-radius:8px;width:100%;height:46px;margin-top:28px;font-weight:600}.text-btn{color:#888;cursor:pointer;background:0 0;border:none;margin-top:18px}.approve-modal{text-align:center;background:#fff;border-radius:18px;width:430px;padding:38px 36px;box-shadow:0 20px 45px #0000002e}.approve-icon{color:#8b5e00;background:#fff4dd;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:auto;display:flex;box-shadow:0 6px 16px #00000014}.approve-modal h2{color:#173a8f;margin:28px 0 14px;font-size:34px;font-weight:700}.approve-modal p{color:#5f6472;margin-bottom:32px;font-size:16px;line-height:1.7}.backToListPost{color:#fff;cursor:pointer;background:#143a8c;border:none;border-radius:10px;width:100%;height:52px;font-size:16px;font-weight:600;transition:all .25s}.text-btn:hover{color:#111827}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.submit-modal{text-align:center;background:#fff;border-top:5px solid #163c92;border-radius:20px;width:520px;padding:42px 40px 34px;box-shadow:0 20px 50px #0000002e}.submit-icon{color:#163c92;background:#eef3ff;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto 24px;display:flex;position:relative}.submit-icon:after{content:"★";color:#333;background:#fdbe4c;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:-6px;right:-2px}.submit-modal h2{color:#0f172a;margin-bottom:14px;font-size:34px}.submit-modal p{color:#64748b;margin-bottom:34px;line-height:1.7}.backToListPost{color:#fff;cursor:pointer;background:#163c92;border:none;border-radius:12px;width:100%;height:52px;font-size:16px;font-weight:600}.backToListPost:hover{background:#0f2f76}.text-btn{color:#163c92;cursor:pointer;background:0 0;border:none;margin-top:18px;font-size:16px}.editor-card{background:#fff;border:1px solid #e8ebf5;border-radius:14px;padding:24px;box-shadow:0 4px 12px #0000000d}.editor-group{flex-direction:column;margin-bottom:24px;display:flex}.editor-group:last-child{margin-bottom:0}.editor-group label{color:#333;margin-bottom:10px;font-size:14px;font-weight:600}.editor-input{border:1px solid #d8dce7;border-radius:10px;width:100%;height:48px;padding:0 15px;font-size:15px;transition:all .25s}.editor-input:focus{border-color:#173b92;outline:none}.editor-textarea{resize:vertical;border:1px solid #d8dce7;border-radius:10px;width:100%;min-height:120px;padding:15px;font-size:15px}.editor-textarea:focus{border-color:#173b92;outline:none}.upload-box{cursor:pointer;background:#f8fafe;border:2px dashed #cdd6e8;border-radius:14px;justify-content:center;align-items:center;width:100%;height:320px;transition:all .3s;display:flex}.upload-box:hover{border-color:#173b92}.upload-content{text-align:center}.upload-content h3{color:#173b92;margin:15px 0 10px}.upload-content p{color:#777}.cover-preview{object-fit:cover;border-radius:12px;width:100%;height:100%}.preview-container{background:#f5f7fc;border-radius:12px;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative;overflow:hidden}.cover-preview{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.file-info{background:#fffffff2;border-radius:10px;padding:10px 16px;position:absolute;top:15px;left:15px;box-shadow:0 4px 10px #00000026}.file-info strong{color:#173b92;font-size:14px;display:block}.file-info p{color:#666;margin-top:5px;font-size:13px}.preview-actions{gap:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.preview-actions button{cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.preview-actions button:hover{color:#fff;background:#163c92}.sidebar-card{background:#fff;border:1px solid #e8ecf5;border-radius:16px;margin-bottom:18px;padding:18px}.sidebar-header{color:#1b2e6b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:700;display:flex}.sidebar-group{margin-bottom:22px}.sidebar-group label{color:#30374f;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.sidebar-group select{border:1px solid #d6deea;border-radius:8px;outline:none;width:100%;height:42px;padding:0 14px;font-size:14px;transition:all .2s}.sidebar-group select:focus{border-color:#163c92;box-shadow:0 0 0 3px #163c9214}.sidebar-card option{font-size:15px}.sidebar-card select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:45px}.sidebar-group select:disabled{color:#000;opacity:1;cursor:not-allowed;background-color:#f5f7fa}.tag-title{color:#30374f;margin-bottom:10px;font-size:13px;font-weight:500;display:block}.tag-list{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tag-chip{color:#5a6578;background:#eef3f8;border-radius:16px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.tag-chip svg{cursor:pointer}.tag-input-wrapper{gap:8px;display:flex}.tag-input-wrapper input{border:1px solid #d6deea;border-radius:8px;outline:none;flex:1;height:42px;padding:0 14px;font-size:14px}.tag-input-wrapper input:focus{border-color:#163c92}.tag-input-wrapper button{color:#163c92;cursor:pointer;background:#e8ecff;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;transition:all .2s;display:flex}.tag-input-wrapper button:hover{color:#fff;background:#163c92}.quality-card{background:#fff;border:1px solid #e4e8f4;border-radius:16px;padding:20px}.quality-title{color:#18398b;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:700;display:flex}.quality-result{border:1px solid #e5e7f1;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:18px;display:flex}.quality-desc{color:#8f96a3;text-align:center;max-width:240px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:12px;font-weight:400;line-height:18px}.quality-button{color:#19398b;cursor:pointer;background:#fff;border:2px solid #19398b;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-weight:600;transition:all .2s;display:flex}.quality-button:hover{color:#fff;background:#19398b}.quality-success{color:#22c55e}.quality-error{color:#ef4444}.bad-word-list{color:#d60000;background:#fff4f4;border-radius:10px;margin-top:18px;padding:12px}.content-title{color:#163c92;margin:45px 0 25px;padding-left:18px;font-size:34px;font-weight:700;position:relative}.content-title:before{content:"";background:#f5b42d;border-radius:10px;width:4px;height:34px;position:absolute;top:4px;left:0}.section-card{background:#fff;border:1px solid #e5eaf3;border-radius:14px;margin-bottom:22px;padding:20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header span{color:#18398b;letter-spacing:.5px;font-size:12px;font-weight:700}.section-header button{cursor:pointer;color:#7a8799;background:0 0;border:none}.section-card input,.section-card textarea{border:1px solid #d9e0eb;border-radius:8px;outline:none;width:100%;margin-top:12px;padding:14px;font-size:14px}.section-card textarea{resize:vertical;min-height:120px}.add-section-wrapper{justify-content:center;margin:28px 0 40px;display:flex}.add-section-btn{color:#163c92;cursor:pointer;background:#e6ebff;border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.add-section-btn:hover{color:#fff;background:#163c92}.conclusion-card{background:#fff;border:1px solid #e5eaf3;border-radius:14px;margin-bottom:120px;padding:20px}.conclusion-card label{color:#30374f;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.conclusion-card textarea{resize:vertical;border:1px solid #d9e0eb;border-radius:8px;outline:none;width:100%;min-height:140px;padding:14px;font-size:14px;line-height:1.6}.conclusion-card textarea:focus{border-color:#163c92}.char-counter{text-align:right;color:#98a2b3;margin-top:8px;font-size:12px}.bottom-bar{z-index:999;background:#fff;border-top:1px solid #e5e8f3;justify-content:space-between;align-items:center;width:100%;padding:18px 30px;display:flex;position:sticky;bottom:0;left:0}.preview-btn{cursor:pointer;background:#fff;border:1px solid #d8ddeb;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;display:flex}.preview-btn:hover{border-color:#163c92}.submit-btn{color:#fff;cursor:pointer;background:#163c92;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;transition:all .2s;display:flex}.submit-btn:hover{background:#0f2c72}.draft-info{color:#7c8798;font-size:13px}.draft-info strong{color:#163c92;margin-left:4px}.admin-actions{gap:12px;display:flex}.reject-btn,.approve-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:150px;height:48px;font-weight:600;transition:all .25s;display:flex}.reject-btn{background:#d32f2f}.reject-btn:hover{background:#b71c1c}.approve-btn{background:#13388c}.approve-btn:hover{background:#0d2f75}.notification-page{max-width:1200px;margin:40px auto;padding:0 20px 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.page-header h1{color:#163c92;margin-bottom:8px;font-size:40px;font-weight:700}.page-header p{color:#6d748c;font-size:15px}.page-action{align-items:center;gap:16px;display:flex}.new-notification-btn{cursor:pointer;color:#fff;background:#163c92;border:none;border-radius:10px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.new-notification-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #163c922e}.statistic-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-bar{background:#fff;border:1px solid #d9e2f2;border-radius:10px;align-items:center;gap:10px;width:330px;height:46px;padding:0 16px;transition:all .25s;display:flex}.search-bar:hover{border-color:#163c92}.search-bar:focus-within{border-color:#163c92;box-shadow:0 0 0 3px #163c9214}.search-icon{color:#a0a7bd;flex-shrink:0}.search-bar input{color:#30374f;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-bar input::placeholder{color:#9aa3b8}.statistic-card{cursor:default;background:#fff;border:1px solid #e9eef7;border-radius:18px;align-items:center;gap:18px;padding:22px;transition:all .25s;display:flex}.statistic-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.card-icon{color:#163c92;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;display:flex}.card-content{flex-direction:column;display:flex}.card-title{color:#7b829c;margin-bottom:5px;font-size:14px}.card-content h2{color:#163c92;margin:0;font-size:34px;font-weight:700}.card-content p{color:#22c55e;margin-top:6px;font-size:13px;font-weight:600}.dark-card{color:#fff;background:#163c92}.dark-card .card-icon{color:#fff;background:#ffffff26!important}.dark-card .card-title{color:#d9e5ff}.dark-card h2{color:#fff}.dark-card p{color:#c7d7ff}.notification-table-wrapper{background:#fff;border:1px solid #e8edf5;border-radius:18px;margin-top:28px;padding:24px}.table-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.table-header h3{color:#163c92;margin:0;font-size:22px}.table-header span{color:#8b92a8;font-size:14px}.notification-table{border-collapse:collapse;width:100%}.notification-table th{text-align:left;color:#6f7892;background:#f7f9fc;padding:16px;font-size:14px}.notification-table td{color:#30374f;border-bottom:1px solid #eef2f8;padding:18px 16px;font-size:14px}.notification-table tbody tr{transition:all .2s}.notification-table tbody tr:hover{background:#f9fbff}.detail-btn{color:#fff;cursor:pointer;background:#163c92;border:none;border-radius:8px;padding:8px 16px;transition:all .2s}.notification-status{border-radius:30px;justify-content:center;align-items:center;min-width:110px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.published{color:#15803d;background:#dcfce7}.draft{color:#6b7280;background:#f3f4f6}.failed{color:#dc2626;background:#fee2e2}.scheduled{color:#2563eb;background:#dbeafe}.cancelled{color:#374151;background:#e5e7eb}.default{color:#52525b;background:#f4f4f5}.notification-status{border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.table-toolbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.toolbar-left{gap:14px;display:flex}.toolbar-left select{cursor:pointer;border:1px solid #d7e1f0;border-radius:10px;outline:none;width:180px;height:42px;padding:0 14px;transition:all .25s}.toolbar-left select:focus{border-color:#163c92;box-shadow:0 0 0 3px #163c9214}.toolbar-right{gap:12px;display:flex}.toolbar-right button{cursor:pointer;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 18px;font-weight:600;transition:all .2s;display:flex}.refresh-btn{color:#30374f;background:#fff;border:1px solid #d7e1f0}.refresh-btn:hover{background:#f7f9fd}.export-btn{color:#fff;background:#163c92;border:none}.export-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #163c922e}.notification-table-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notification-table-header h3{color:#163c92;margin:0;font-size:22px;font-weight:700}.notification-table-header p{color:#7a8197;margin-top:6px;font-size:14px}.notification-table-header strong{color:#163c92}.notification-action{color:#fff;cursor:pointer;background:#163c92;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.notification-action:hover{background:#1d4db7;transform:translateY(-1px);box-shadow:0 8px 18px #163c9229}.notification-action:active{transform:scale(.98)}.notification-action svg{flex-shrink:0}.recipient-list{flex-direction:column;gap:4px;display:flex}.recipient-item{color:#2f3a4b;font-size:13px}.recipient-more{color:#163c92;background:#eef4ff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:22px;font-size:12px;font-weight:600;display:inline-flex}.notification-title{color:#30374f;font-weight:600}.detail-btn{color:#fff;cursor:pointer;background:#163c92;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;transition:all .25s;display:flex}.detail-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #163c922e}.detail-btn svg{flex-shrink:0}.empty-state{flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon{color:#163c92;background:#eef4ff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:22px;display:flex}.empty-state h3{color:#30374f;margin:0;font-size:24px}.empty-state p{color:#7e869b;text-align:center;max-width:430px;margin-top:12px;line-height:1.7}.empty-btn{color:#fff;cursor:pointer;background:#163c92;border:none;border-radius:10px;margin-top:26px;padding:12px 24px;font-size:15px;transition:all .25s}.empty-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #163c922e}.notification-editor-page{max-width:1200px;margin:40px auto;padding:0 20px 20px}.notification-editor-layout{grid-template-columns:2fr 380px;align-items:start;gap:24px;display:grid}.notification-left,.notification-right{width:100%}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.type-select-wrapper{flex-direction:column;display:flex}.type-select-wrapper label{color:#2f3b52;margin-bottom:10px;font-size:14px;font-weight:600}.type-select-wrapper .react-select__control{padding:0 6px;transition:all .25s;min-height:46px!important;box-shadow:none!important;background-color:#fff!important;border:1px solid #d6deea!important;border-radius:10px!important}.type-select-wrapper .react-select__control:hover{border-color:#d6deea!important}.type-select-wrapper .react-select__control--is-focused{border-color:#163c92!important;box-shadow:0 0 0 3px #163c9214!important}.type-select-wrapper .react-select__menu{overflow:hidden;border:1px solid #edf2fa!important;border-radius:10px!important;box-shadow:0 10px 25px #00000014!important}.type-select-wrapper .react-select__option{cursor:pointer;transition:all .15s;color:#2f3b52!important;background-color:#fff!important;padding:10px 14px!important;font-size:14px!important}.type-select-wrapper .react-select__option--is-focused{color:#163c92!important;background-color:#edf4ff!important}.type-select-wrapper .react-select__option--is-selected{font-weight:500;color:#163c92!important;background-color:#f4f7fc!important}.type-select-wrapper .react-select__option:active{background-color:#edf4ff!important}.select-group{flex-direction:column;display:flex}.select-group label{color:#2f3b52;margin-bottom:10px;font-size:14px;font-weight:600}.react-select__control{padding:0 6px;transition:all .25s;min-height:46px!important;box-shadow:none!important;background-color:#fff!important;border:1px solid #d6deea!important;border-radius:10px!important}.react-select__control--is-focused{border-color:#163c92!important;box-shadow:0 0 0 3px #163c9214!important}.react-select__menu{overflow:hidden;z-index:110!important;border:1px solid #edf2fa!important;border-radius:10px!important;box-shadow:0 10px 25px #00000014!important}.react-select__menu-list{padding:6px 0!important}.react-select__option{cursor:pointer;font-size:14px;color:#2f3b52!important;background-color:#fff!important;align-items:center!important;padding:10px 14px!important;display:flex!important}.react-select__option--is-focused{color:#163c92!important;background-color:#edf4ff!important}.react-select__option--is-selected{font-weight:500;color:#163c92!important;background-color:#f4f7fc!important}.react-select__multi-value{background-color:#edf4ff!important;border-radius:6px!important;margin:3px!important}.react-select__multi-value__label{font-size:13px;font-weight:500;color:#163c92!important;padding:3px 6px!important}.react-select__multi-value__remove{cursor:pointer;color:#8893a8!important}.react-select__multi-value__remove:hover{color:#ff4d4f!important;background-color:#dbe7ff!important}.react-select__option input[type=checkbox]{accent-color:#163c92;cursor:pointer;width:16px;height:16px;margin-right:10px}.notification-bottom-bar{border-top:1px solid #e8edf5;justify-content:flex-end;align-items:center;gap:16px;margin-top:28px;padding-top:20px;display:flex}.notification-bottom-bar button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:180px;height:56px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.save-btn{color:#173f90;background:#fff;border:2px solid #173f90}.save-btn:hover{color:#fff;background:#173f90}.send-btn{color:#fff;background:#173f90;border:none}.send-btn:hover{background:#0f3175;transform:translateY(-1px)}.notification-bottom-bar button:active{transform:scale(.98)}.create-btn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;display:flex}.create-btn:hover{background:#0958d9}.back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8cff 0%,#2563eb 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 6px 16px #2563eb40}.back-btn svg{transition:transform .25s}.back-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 10px 24px #2563eb59}.back-btn:hover svg{transform:translate(-4px)}.back-btn:active{transform:translateY(0);box-shadow:0 4px 10px #2563eb33}.back-btn.loading{cursor:not-allowed;opacity:.9}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:disabled{opacity:.75;cursor:not-allowed}.notification-form-card{background:#fff;border:1px solid #dce6f5;border-radius:14px;box-shadow:0 4px 12px #0000000a}.card-header{background:#edf4ff;border-bottom:1px solid #dce6f5;height:42px}.card-body{padding:24px}.card-body label{color:#2f3b52;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.notification-editor{background:#fff;border:1px solid #d8e3f4;border-radius:12px}.noti-editor-header{border-bottom:1px solid #edf2fa;align-items:center;height:44px;padding:0 14px;display:flex;position:relative}.emoji-button{cursor:pointer;background:0 0;border:none;font-size:22px}.emoji-picker-wrapper{z-index:100;position:absolute;top:44px;left:12px;box-shadow:0 10px 30px #00000026}.ProseMirror{outline:none;min-height:220px;padding:18px;font-size:15px;line-height:1.7}.ProseMirror p{margin:0}.ProseMirror:focus{outline:none}.editor-bottom{color:#8893a8;border-top:1px solid #edf2fa;justify-content:flex-end;align-items:center;height:36px;padding:0 16px;font-size:13px;display:flex}.select-row{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.title-section{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.title-section label,.content-section label{color:#333;font-weight:600}.notification-title-input{border:1px solid #ced4da;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.notification-title-input:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf726}.notification-schedule{background:#fafcff;border:1px solid #e6edf5;border-radius:12px;margin-top:24px;padding:20px}.schedule-title{color:#374151;margin-bottom:18px;font-size:16px;font-weight:600;display:block}.schedule-picker-row{gap:20px;display:flex}.schedule-picker{flex:1}.schedule-picker label{color:#6b7280;margin-bottom:8px;font-size:14px;display:block}.schedule-datepicker{border:1px solid #d7dce4;border-radius:10px;width:100%;height:44px;padding:0 14px;font-size:14px;transition:all .2s}.schedule-datepicker:hover{border-color:#4f8ef7}.schedule-datepicker:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.react-datepicker{border:none;border-radius:14px;font-family:inherit;overflow:hidden;box-shadow:0 12px 32px #0000002e}.react-datepicker__header{background:#2563eb;border-bottom:none}.react-datepicker__current-month{color:#fff;font-weight:600}.react-datepicker__day-name{color:#fff}.react-datepicker__day{border-radius:8px}.react-datepicker__day:hover{background:#dbeafe}.react-datepicker__day--selected{background:#2563eb!important}.react-datepicker__time-container{border-left:1px solid #eee;width:120px}.react-datepicker__time-box{width:120px!important}.react-datepicker__time-list{padding:6px 0}.react-datepicker__time-list-item{border-radius:8px;margin:2px 6px;font-size:14px;height:36px!important;line-height:36px!important}.react-datepicker__time-list-item:hover{background:#eff6ff!important}.react-datepicker__time-list-item--selected{color:#fff;font-weight:600;background:#2563eb!important}.preview-card{background:#fff;border:1px solid #dce6f5;border-radius:14px;padding:20px;box-shadow:0 4px 12px #0000000a}.preview-header{color:#163c92;align-items:center;gap:8px;margin-bottom:18px;font-weight:600;display:flex}.preview-phone{background:#eaf1ff;border:1px solid #bcd0f5;border-radius:10px;min-height:190px;padding:18px}.preview-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.preview-title{color:#163c92;align-items:center;gap:8px;font-weight:600;display:flex}.preview-top small{color:#888;font-size:12px}.preview-content{color:#555;white-space:pre-line;word-break:break-word;font-size:15px;line-height:1.6}.placeholder{color:#9aa5b5;font-style:italic}@keyframes popup{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.success-icon-outer{background-color:#ffda93;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex}.success-icon-inner{box-sizing:border-box;background-color:#0000;border:3.5px solid #785300;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.success-icon-tick{color:#785300}.success-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a4d;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.success-modal{text-align:center;box-sizing:border-box;background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:40px 36px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #00000014}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.success-modal-title{color:#002060;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.4}.success-modal-desc{color:#64748b;margin:0 0 28px;font-size:14.5px;line-height:1.55}.success-modal-actions{flex-direction:column;gap:10px;width:100%;margin-bottom:24px;display:flex}.success-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background-color:#002060}.btn-primary:hover{background-color:#001746;transform:translateY(-1px)}.btn-secondary{color:#475569;background-color:#f1f5f9}.btn-secondary:hover{background-color:#e2e8f0}.success-modal-divider{border:0;border-top:1px solid #f1f5f9;width:100%;margin:0 0 16px}.success-modal-footer{color:#94a3b8;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.success-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.success-modal{text-align:center;background:#fff;border-radius:22px;width:430px;padding:36px 32px;animation:.3s popup;box-shadow:0 18px 45px #0000002e,0 6px 14px #00000014}.success-icon-wrapper{background:linear-gradient(135deg,#e7f9ef,#c8f3da);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:auto;display:flex;box-shadow:0 10px 30px #19875438}.success-icon{color:#18b663}.success-modal h2{color:#1e293b;margin-top:26px;margin-bottom:14px;font-size:28px;font-weight:700}.success-modal p{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.7}.success-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;width:100%;height:48px;font-size:16px;font-weight:600;transition:all .25s}.success-btn:hover{background:#15803d;transform:translateY(-2px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none}input{outline:none}:root{--primary:#173d8f;--primary-hover:#0f2f74;--secondary:#f4f7fd;--text:#333;--gray:#666;--border:#e6e6e6;--white:#fff;--radius:16px;--shadow:0 10px 30px #00000014}body{color:var(--text);background:#fff;font-family:Inter,Arial,sans-serif}.container{width:1200px;margin:auto}section{padding:80px 0}