body{background-color:#f8f9fa;margin:0;padding:0}.header-top-bar{color:#666;background:#f0f2f5;border-bottom:1px solid #e0e0e0;padding:5px 0;font-size:12px}.target-switch{background:#e0e4e8;border-radius:20px;display:inline-flex;overflow:hidden}.target-switch a{color:#555;padding:4px 15px;font-weight:700;text-decoration:none;transition:all .2s}.target-switch a.active{color:#fff;background:#111}.main-gnb{justify-content:space-between;align-items:center;padding:15px 0;display:flex}.main-gnb .logo h1{color:#111;letter-spacing:-1px;margin:0;font-family:Montserrat,sans-serif;font-size:28px;font-weight:900}.main-gnb .logo .dot{color:#e91e63}.gnb-links{gap:30px;font-size:16px;font-weight:700;display:flex}.gnb-links a{color:#333;text-decoration:none;transition:all .2s}.gnb-links a:hover{color:#111}.header-utils{color:#333;align-items:center;gap:15px;font-size:20px;display:flex}.hero-banner{color:#fff;background:#111;justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative;overflow:hidden}.slide{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.slide.active{opacity:1;z-index:2}.slide-bg1{background:linear-gradient(135deg,#111 0%,#2a2a2a 100%)}.slide-bg2{background:linear-gradient(135deg,#004d40 0%,#00796b 100%)}.slide-bg3{background:linear-gradient(135deg,#4a148c 0%,#7b1fa2 100%)}.hero-badge{background:#fff3;border-radius:20px;margin-bottom:15px;padding:5px 15px;font-size:14px;font-weight:700;display:inline-block}.hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:42px;font-weight:900;line-height:1.3}.hero-desc{opacity:.9;margin-bottom:30px;font-size:18px}.hero-btn{color:#222;background:#ffc107;border-radius:30px;padding:15px 35px;font-size:18px;font-weight:800;text-decoration:none;transition:transform .2s;display:inline-block;box-shadow:0 4px 15px #ffc10766}.hero-btn:hover{transform:translateY(-3px)}.slider-nav{z-index:10;gap:10px;display:flex;position:absolute;bottom:35px}.dot-nav{cursor:pointer;background:#fff6;border-radius:50%;width:12px;height:12px}.dot-nav.active{background:#fff}.quick-menu-section{z-index:10;position:relative;transform:translateY(-30px)}.quick-grid{background:#fff;border-radius:16px;grid-template-columns:repeat(6,1fr);gap:10px;padding:20px;display:grid;box-shadow:0 10px 30px #00000014}.q-item{color:#333;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-decoration:none;transition:background .2s;display:flex}.q-item:hover{background:#f5f7fa}.q-icon{color:#3f51b5;background:#e8eaf6;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:8px;font-size:20px;display:flex}.q-text{text-align:center;color:#444;transform-origin:top;white-space:nowrap;margin-top:-3px;font-size:12px;font-weight:700;transform:scale(.75)}.commerce-section{background:#fff;padding:60px 0}.section-title h2{color:#111;margin-bottom:10px;font-size:28px;font-weight:900}.section-title p{color:#666;font-size:16px}.commerce-tabs{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.c-tab{color:#555;cursor:pointer;background:#f0f2f5;border:1px solid #0000;border-radius:30px;padding:10px 25px;font-size:15px;font-weight:700}.c-tab.active{color:#111;background:#fff;border-color:#111;box-shadow:0 4px 10px #1a237e1a}.product-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.p-card{background:#fff;border:1px solid #eee;border-radius:12px;transition:transform .2s;overflow:hidden}.p-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.p-thumb{color:#aaa;background:#e0e0e0;justify-content:center;align-items:center;height:160px;font-size:30px;display:flex;position:relative}.p-badge{color:#fff;background:#e91e63;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.p-info{padding:15px}.p-title{color:#333;height:44px;margin-bottom:10px;font-size:16px;font-weight:800;line-height:1.4;overflow:hidden}.p-price{color:#111;justify-content:space-between;align-items:center;font-size:18px;font-weight:900;display:flex}.btn-cart{color:#333;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;width:32px;height:32px;transition:all .2s}.btn-cart:hover{color:#fff;background:#111}.system-section{color:#fff;text-align:center;background:#111;padding:80px 0}.sys-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;display:grid;position:relative}.sys-grid:before{content:"";z-index:1;background:#fff3;height:2px;position:absolute;top:50px;left:15%;right:15%}.sys-step{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.sys-icon{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:20px;font-size:40px;display:flex;box-shadow:0 10px 20px #0003}.sys-step h4{margin-bottom:10px;font-size:20px;font-weight:800}.sys-step p{opacity:.8;font-size:15px;line-height:1.6}.board-section{background:#f8f9fa;padding:60px 0}.b-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.b-panel{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px}.b-header{border-bottom:2px solid #111;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.b-header h3{font-size:20px;font-weight:900}.b-list{padding:0;list-style:none}.b-list li{border-bottom:1px dashed #e0e0e0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.b-list li a{color:#333;align-items:center;gap:10px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.b-list li a:hover{color:#1e88e5;font-weight:700}.b-tag{border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700}.tag-hot{color:#d32f2f;background:#ffebee}.tag-data{color:#1976d2;background:#e3f2fd}.tag-event{color:#f57c00;background:#fff3e0}.fab-container{z-index:100;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:30px;right:30px}.fab-main{color:#fff;background:#e91e63;border-radius:30px;align-items:center;gap:10px;padding:15px 25px;font-size:16px;font-weight:900;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 10px 25px #e91e6366}.fab-main:hover{transform:translateY(-5px)}.fab-chat{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:60px;height:60px;font-size:28px;transition:transform .2s;display:flex;box-shadow:0 5px 15px #1e88e54d}.fab-chat:hover{transform:scale(1.1)}
:root{--navy:#111;--navy-light:#2a2a2a;--orange:#e91e63;--orange-light:#d81b60;--blue:#1976d2;--blue-light:#1e88e5;--indigo:#3f51b5;--green:#4caf50;--teal:#009688;--red:#e53935;--purple:#9c27b0;--yellow:#ffc107;--gold:gold;--gray-900:#212121;--gray-700:#616161;--gray-400:#bdbdbd;--gray-200:#eee;--gray-100:#f5f5f5;--white:#fff;--font-main:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 24px #0000001f;--shadow-glass:0 8px 32px #1f268726}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--gray-900);background-color:var(--white);line-height:1.5;overflow-x:hidden}input,button,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.pt-40{padding-top:40px}.pb-40{padding-bottom:40px}.pt-60{padding-top:60px}.pb-60{padding-bottom:60px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mb-15{margin-bottom:15px}.mb-30{margin-bottom:30px}.text-white{color:var(--white)}.text-orange{color:var(--orange-light)}.text-yellow{color:var(--yellow)}.text-indigo{color:var(--indigo)}.text-gold{color:var(--gold)}.text-red{color:var(--red)}.bg-navy{background-color:var(--navy)}.section-gray{background-color:var(--gray-100)}.flex-between{justify-content:space-between;align-items:center;display:flex}.highlight{color:var(--orange);font-weight:800}.opacity-80{opacity:.8}.section-title{margin-bottom:30px}.section-title h3{color:var(--navy);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.section-title p{color:var(--gray-700);font-size:16px}.top-bar{background-color:var(--gray-100);border-bottom:1px solid var(--gray-200);height:48px}.top-bar .container{justify-content:space-between;align-items:center;height:100%;display:flex}.target-switch{background:var(--gray-200);border-radius:8px;gap:4px;padding:4px;display:flex}.switch-btn{color:var(--gray-700);border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.switch-btn.active{background:var(--white);color:var(--navy);box-shadow:var(--shadow-sm)}.top-links{color:var(--gray-700);gap:16px;font-size:13px;display:flex}.top-links a:hover{color:var(--navy);font-weight:600}.main-header{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:100;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo h1{letter-spacing:-1px;color:var(--navy);font-size:26px;font-weight:900}.logo .dot{color:var(--orange)}.gnb ul{gap:32px;display:flex}.gnb a{color:var(--gray-900);font-size:17px;font-weight:700;transition:color .2s}.gnb a:hover{color:var(--orange)}.header-actions{align-items:center;gap:20px;display:flex}.search-box{background:var(--gray-100);border-radius:20px;align-items:center;width:200px;padding:6px 16px;display:flex}.search-box input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.icon-link{color:var(--gray-900);font-size:22px;position:relative}.icon-link .badge{background:var(--orange);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-8px}.hero-section{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);color:var(--white);padding:80px 0;position:relative;overflow:hidden}.hero-content{justify-content:space-between;align-items:center;display:flex}.hero-text{z-index:2;flex:1}.badge-new{background:var(--orange);color:var(--white);border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.hero-text h2{letter-spacing:-1px;margin-bottom:20px;font-size:46px;font-weight:900;line-height:1.3}.hero-text p{opacity:.9;margin-bottom:40px;font-size:18px;font-weight:300}.hero-buttons button{border-radius:8px;margin-right:12px;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .2s}.hero-buttons button:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:var(--white);box-shadow:0 4px 12px #f57c0066}.btn-secondary{color:var(--white);background:#ffffff1a;border:1px solid #ffffff4d}.hero-visual{width:450px;height:350px;position:relative}.glass-card{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-glass);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:24px}.main-glass{z-index:2;width:320px;position:absolute;top:40px;right:0}.glass-header{opacity:.9;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;display:flex}.glass-body strong{margin-bottom:4px;font-size:28px;display:block}.glass-body p{opacity:.8;margin-bottom:16px;font-size:14px}.progress-bar-wrap{background:#fff3;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--orange-light);border-radius:4px;height:100%}.sub-glass.floating{z-index:3;align-items:center;gap:12px;padding:16px 24px;font-weight:600;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:40px;left:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.quick-menu{border-bottom:1px solid var(--gray-200);padding:40px 0}.icon-grid{text-align:center;grid-template-columns:repeat(8,1fr);gap:16px;display:grid}.grid-item{flex-direction:column;align-items:center;gap:12px;transition:transform .2s;display:flex}.grid-item:hover{transform:translateY(-5px)}.icon-circle{width:64px;height:64px;color:var(--white);box-shadow:var(--shadow-sm);border-radius:24px;justify-content:center;align-items:center;font-size:24px;display:flex}.grid-item span{color:var(--gray-900);font-size:14px;font-weight:600}.bg-blue{color:#1976d2;background:#e3f2fd}.bg-indigo{color:#3f51b5;background:#e8eaf6}.bg-orange{color:#f57c00;background:#fff3e0}.bg-green{color:#388e3c;background:#e8f5e9}.bg-purple{color:#8e24aa;background:#f3e5f5}.bg-red{color:#d32f2f;background:#ffebee}.bg-teal{color:#00796b;background:#e0f2f1}.bg-gray{color:#616161;background:#eee}.data-dashboard{padding:60px 0}.dashboard-grid{grid-template-columns:1fr 2fr;gap:24px;display:grid}.dash-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px}.card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.card-header h4{color:var(--navy);font-size:18px;font-weight:800}.link-small{color:var(--gray-700);font-size:13px}.update-time{color:var(--gray-400);font-size:12px}.chart-row{align-items:center;gap:24px;display:flex}.donut-container{width:100px;height:100px;position:relative}.circular-chart{max-width:80%;max-height:250px;margin:0 auto;display:block}.circle-bg{fill:none;stroke:var(--gray-200);stroke-width:3.8px}.circle{fill:none;stroke-width:3.8px;stroke-linecap:round;animation:1s ease-out forwards progress}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.orange .circle{stroke:var(--orange)}.percentage-title{fill:var(--gray-700);text-anchor:middle;font-size:5px;font-family:var(--font-main)}.percentage-val{fill:var(--navy);text-anchor:middle;font-size:7px;font-weight:700;font-family:var(--font-main)}.chart-text .highlight-text{color:var(--gray-900);margin-bottom:4px;font-size:16px}.chart-text .highlight-text strong{color:var(--orange)}.chart-text .sub-text{color:var(--gray-700);margin-bottom:12px;font-size:13px}.weakness-tags{flex-wrap:wrap;gap:8px;display:flex}.weakness-tags li{color:#d32f2f;background:#ffebee;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.rec-list{flex-direction:column;gap:16px;display:flex}.rec-item{border:1px solid var(--gray-200);background:var(--white);border-radius:12px;align-items:center;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex}.rec-item:hover{border-color:var(--blue-light);box-shadow:var(--shadow-sm)}.rec-icon{width:50px;height:50px;color:var(--white);border-radius:12px;justify-content:center;align-items:center;margin-right:16px;font-size:20px;display:flex}.rec-icon.vod{background:var(--indigo)}.rec-icon.book{background:var(--green)}.rec-content{flex:1}.badge-tag{color:var(--gray-700);background:var(--gray-100);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.rec-content h5{color:var(--navy);margin:4px 0;font-size:15px;font-weight:700}.rec-content p{color:var(--gray-700);font-size:13px}.btn-icon{background:var(--gray-100);width:32px;height:32px;color:var(--gray-700);border-radius:50%;transition:all .2s}.rec-item:hover .btn-icon{background:var(--blue-light);color:var(--white)}.commerce-store{background:var(--white)}.btn-text{color:var(--gray-700);font-size:14px;font-weight:600}.store-scroll-container{scrollbar-width:none;gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.store-scroll-container::-webkit-scrollbar{display:none}.product-card{min-width:260px}.product-thumb{background:var(--gray-100);border-radius:12px;justify-content:center;align-items:center;width:100%;height:280px;margin-bottom:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000000d}.badge-hot,.badge-new{color:var(--white);z-index:2;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.badge-hot{background:var(--orange)}.badge-new.bg-teal{background:var(--teal)}.thumb-overlay{opacity:0;z-index:10;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.product-card:hover .thumb-overlay{opacity:1}.btn-cart{background:var(--white);color:var(--navy);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .3s;transform:translateY(10px)}.product-card:hover .btn-cart{transform:translateY(0)}.dummy-book-cover{width:180px;height:240px;color:var(--white);text-align:left;border-radius:4px 12px 12px 4px;flex-direction:column;justify-content:center;padding:20px;display:flex;box-shadow:-4px 0 10px #0000001a}.dummy-book-cover.color-1{background:linear-gradient(to bottom right,#3f51b5,#1a237e)}.dummy-book-cover.color-2{background:linear-gradient(to bottom right,#009688,#004d40)}.dummy-book-cover strong{margin-bottom:8px;font-size:24px;font-weight:900;line-height:1.1}.dummy-book-cover span{opacity:.8;font-size:12px}.dummy-vod-cover{color:#fff;text-align:center;background:url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80) 50%/cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dummy-vod-cover:before{content:"";background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.dummy-vod-cover>*{z-index:1;position:relative}.vod-icon{color:var(--orange);margin-bottom:12px;font-size:40px}.dummy-vod-cover strong{margin-bottom:4px;font-size:20px;font-weight:800}.dummy-vod-cover span{font-size:13px}.dummy-package-cover{color:#fff;text-align:center;background:linear-gradient(135deg,#f44336,#b71c1c);border-radius:12px;flex-direction:column;justify-content:center;width:220px;height:200px;padding:20px;display:flex;box-shadow:0 10px 20px #0003}.dummy-package-cover strong{margin-bottom:8px;font-size:26px;font-weight:900}.product-info .cat{color:var(--gray-700);font-size:12px}.product-info h4{color:var(--gray-900);margin:4px 0 8px;font-size:15px;font-weight:600;line-height:1.4}.rating{color:var(--gray-700);margin-bottom:8px;font-size:13px}.color-yellow{color:var(--orange)}.price-wrap{align-items:baseline;gap:8px;display:flex}.discount{color:var(--red);font-size:16px;font-weight:800}.price{color:var(--navy);font-size:18px;font-weight:800}.price small{font-size:14px;font-weight:600}.lounge-header{text-align:center;margin-bottom:40px}.lounge-header h3{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:800}.lounge-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lounge-box{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:30px}.box-head{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.box-head h4{color:var(--gray-900);font-size:18px;font-weight:700}.more-btn{color:var(--gray-400)}.board-list li a{border-bottom:1px dashed var(--gray-200);justify-content:space-between;align-items:center;padding:12px 0;transition:color .2s;display:flex}.board-list li:last-child a{border-bottom:none}.board-list li a:hover{color:var(--orange)}.bd-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:15px;display:flex;overflow:hidden}.tag{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.tag-red{color:#d32f2f;background:#ffebee}.tag-blue{color:#1976d2;background:#e3f2fd}.tag-gray{background:var(--gray-200);color:var(--gray-700)}.bd-date{color:var(--gray-400);text-align:right;min-width:40px;font-size:13px}.live-card{background:linear-gradient(135deg,#3f51b51a 0%,#1a237e0d 100%);border:1px solid #3f51b533;border-radius:12px;padding:24px}.live-status{color:var(--red);background:#e539351a;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.pulse{background:var(--red);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #e5393566}@keyframes pulse{0%{box-shadow:0 0 #e5393566}70%{box-shadow:0 0 0 6px #e5393500}to{box-shadow:0 0 #e5393500}}.live-card h5{color:var(--navy);margin-bottom:8px;font-size:18px;font-weight:800;line-height:1.4}.live-card p{color:var(--gray-700);font-size:14px}.btn-full{border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:700}.btn-outline-indigo{border:1px solid var(--indigo);color:var(--indigo);transition:background .2s}.btn-outline-indigo:hover{background:var(--indigo);color:var(--white)}.b2b-stat-grid.row{gap:20px;display:flex}.col{flex:1}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:24px}.stat-label{opacity:.8;margin-bottom:8px;font-size:14px;display:block}.stat-value{font-size:16px}.stat-value strong{color:var(--orange-light);font-size:32px;font-weight:900}.trend.up{color:#4caf50;margin-left:8px;font-size:14px;font-weight:700}.btn-lg{border-radius:8px;padding:12px 24px;font-size:16px}.bank-layout{grid-template-columns:240px 1fr 300px;gap:24px;display:grid}.filter-box{margin-bottom:24px}.filter-box h5{color:var(--navy);border-bottom:1px solid var(--gray-200);margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:700}.filter-box label{cursor:pointer;color:var(--gray-700);margin-bottom:8px;font-size:14px;display:block}.filter-box input[type=checkbox]{accent-color:var(--indigo);margin-right:8px}.btn-indigo{background:var(--indigo);color:var(--white)}.list-tools select{border:1px solid var(--gray-200);border-radius:6px;outline:none;padding:6px 12px}.prob-item{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:16px;padding:20px;transition:border-color .2s}.prob-item:hover{border-color:var(--indigo)}.prob-meta{margin-bottom:12px;font-size:12px;font-weight:700}.diff{border-radius:4px;padding:2px 8px}.diff-hard{color:#d32f2f;background:#ffebee}.diff-mid{color:#f57c00;background:#fff3e0}.prob-content p{color:var(--gray-900);margin-bottom:8px;font-size:14px;font-weight:600}.prob-content .prob-eng{color:var(--gray-700);font-weight:400;line-height:1.6}.prob-actions{border-top:1px dashed var(--gray-200);margin-top:16px;padding-top:16px}.btn-sm{border-radius:6px;margin-left:8px;padding:8px 16px;font-size:13px;font-weight:600}.btn-outline-gray{border:1px solid var(--gray-400);color:var(--gray-700)}.btn-outline-gray:hover{background:var(--gray-100)}.bank-cart{background:var(--gray-100);border-radius:12px;height:fit-content;padding:20px;position:sticky;top:90px}.cart-head h4{color:var(--navy);font-size:16px;font-weight:700}.badge-round{background:var(--orange);color:var(--white);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.cart-body{max-height:300px;margin-top:20px;overflow-y:auto}.cart-items li{color:var(--gray-700);border-bottom:1px dashed var(--gray-200);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.cart-items li i{color:var(--gray-400);cursor:pointer}.cart-items li i:hover{color:var(--red)}.cart-items li.more-text{color:var(--indigo);border:none;justify-content:center;margin-top:8px;font-weight:700}.btn-orange{background:var(--orange);color:var(--white)}footer{background:var(--navy);color:var(--white);padding:40px 0;font-size:14px}.footer-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:30px;display:flex}.footer-logo{letter-spacing:-1px;font-size:24px;font-weight:900}.footer-logo .dot{color:var(--orange)}.footer-links{gap:24px;display:flex}.footer-links a{color:#ffffffb3}.footer-links a:hover{color:var(--white)}.footer-info p{color:#ffffff80;margin-bottom:8px}.copyright{margin-top:24px;font-size:13px}
.exam-body{color:#333;background:#f4f6f8}.exam-header{z-index:100;background:#fff;border-bottom:2px solid #ccc;justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}.exam-title h1{letter-spacing:-.5px;margin-right:15px;font-size:20px;font-weight:800;display:inline-block}.exam-badge{background:var(--orange);color:#fff;vertical-align:top;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700}.exam-timer{color:var(--red);font-family:Courier New,monospace;font-size:22px;font-weight:700}.exam-actions{gap:10px;display:flex}.exam-actions button{border-radius:6px;padding:10px 20px;font-size:15px;font-weight:700}.exam-container{align-items:flex-start;gap:30px;max-width:1300px;margin:0 auto;padding:30px 20px;display:flex}.exam-main{flex:1}.test-paper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:50px;box-shadow:0 4px 15px #0000000d}.question-block{margin-bottom:40px}.q-header{align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.q-num{color:var(--navy);font-size:24px;font-weight:900;line-height:1}.q-text{padding-top:3px;font-size:18px;font-weight:700;line-height:1.4}.q-passage{background:#fafafa;border:2px solid #ddd;border-radius:4px;margin-bottom:20px;padding:25px;font-size:17px;line-height:1.8}.q-choices{flex-direction:column;gap:10px;padding-left:10px;display:flex}.choice-item{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px;font-size:17px;transition:background .2s;display:flex}.choice-item:hover{background:#f0f4f8}.choice-item input{cursor:pointer;width:18px;height:18px;accent-color:var(--navy)}.c-num{font-family:serif;font-size:18px;font-weight:700}.exam-divider{border:0;border-top:2px dashed #ddd;margin:40px 0}.exam-sidebar{width:320px;position:sticky;top:100px}.omr-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;box-shadow:0 4px 15px #0000000d}.omr-panel h4{border-bottom:2px solid var(--navy);margin-bottom:15px;padding-bottom:10px;font-size:18px}.omr-info{color:#555;background:#f9f9f9;border-radius:4px;justify-content:space-between;margin-bottom:20px;padding:10px;font-size:13px;display:flex}.omr-grid{max-height:500px;padding-right:10px;overflow-y:auto}.omr-row{border-bottom:1px dashed #eee;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.omr-row.active{background:#fff9e6}.omr-row.answered{opacity:.6}.o-num{width:30px;font-weight:700}.o-circles{gap:8px;display:flex}.o-circle{color:#999;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.o-circle.marked{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:700}.admin-header{color:#fff;background:#212121;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex}.admin-badge{vertical-align:middle;background:#d32f2f;border-radius:4px;margin-left:10px;padding:2px 8px;font-size:12px}.btn-outline-white{color:#fff;border:1px solid #ffffff4d}.btn-outline-white:hover{color:#000;background:#fff}.admin-layout{min-height:calc(100vh - 64px);display:flex}.admin-sidebar{background:#fff;border-right:1px solid #e0e0e0;width:260px}.admin-nav li a{color:#555;border-bottom:1px solid #f5f5f5;padding:18px 24px;font-weight:600;transition:all .2s;display:block}.admin-nav li a i{text-align:center;color:#999;width:24px;margin-right:10px}.admin-nav li:hover a{color:var(--indigo);background:#f9f9f9}.admin-nav li:hover a i{color:var(--indigo)}.admin-nav li.active a{color:var(--indigo);border-right:4px solid var(--indigo);background:#e8eaf6}.admin-nav li.active a i{color:var(--indigo)}.admin-main{flex:1;padding:40px}.admin-page-header h2{color:#333;font-size:26px;font-weight:800}.admin-page-header .actions{gap:10px;display:flex}.form-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-top:30px;padding:40px}.form-title{color:var(--navy);align-items:center;margin-bottom:20px;font-size:18px;font-weight:800;display:flex}.form-title:before{content:"";background:var(--orange);border-radius:2px;width:6px;height:20px;margin-right:10px;display:inline-block}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group label{color:#555;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.form-control{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:10px 15px;font-size:15px;transition:border .2s}.form-control:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #3f51b51a}.radio-group{align-items:center;gap:20px;height:42px;display:flex}.radio-group label{cursor:pointer;color:#333;align-items:center;gap:6px;margin:0;font-weight:600;display:flex}.form-divider{border:0;border-top:1px solid #eee;margin:40px 0}.editor-toolbar{background:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:10px;padding:10px;display:flex}.editor-toolbar button{color:#555;border-radius:4px;padding:5px 10px}.editor-toolbar button:hover{background:#e0e0e0}.toolbar-sep{color:#ccc}.form-control[rows]{resize:vertical;border-radius:0 0 6px 6px}.choice-row{align-items:center;gap:15px;margin-bottom:12px;display:flex}.choice-num{text-align:center;width:24px;font-size:18px;font-weight:700}.help-text{color:#888;margin-top:8px;font-size:13px}.lounge-hero{color:#fff;background:linear-gradient(135deg,gold 0%,#f57c00 100%);padding:60px 0}.lounge-hero h2{margin-bottom:15px;font-size:36px;font-weight:300}.lounge-hero h2 strong{font-weight:900}.lounge-hero p{opacity:.9;font-size:18px}.lounge-container{gap:40px;display:flex}.lounge-sidebar{width:280px}.profile-card{box-shadow:var(--shadow-sm);text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:30px;padding:30px}.p-avatar{background:#fff9e6;border:2px solid gold;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 15px;font-size:30px;display:flex}.p-info strong{color:var(--navy);margin-bottom:5px;font-size:18px;display:block}.p-info span{color:#666;background:#f5f5f5;border-radius:20px;padding:4px 10px;font-size:13px}.lounge-nav li a{color:#555;background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:8px;padding:15px 20px;font-weight:600;transition:all .2s;display:block}.lounge-nav li a i{color:#999;width:24px}.lounge-nav li:hover a{color:var(--orange);background:#fff9e6;border-color:gold}.lounge-nav li.active a{background:var(--navy);color:#fff;border-color:var(--navy)}.lounge-nav li.active a i{color:gold}.lounge-main{flex:1}.search-small input{border:1px solid #ddd;border-radius:20px;outline:none;width:200px;padding:8px 15px;font-size:13px}.board-wrap{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.board-table{border-collapse:collapse;text-align:center;width:100%;font-size:14px}.board-table th{color:#555;background:#f9f9f9;border-bottom:1px solid #ddd;padding:15px;font-weight:700}.board-table td{color:#666;border-bottom:1px solid #eee;padding:15px}.board-table tr:hover td{background:#fafafa}.board-table tr.notice td{background:#fff9f9}.board-table .text-left{text-align:left}.board-table a{color:#333;font-weight:600}.board-table a:hover{color:var(--orange);text-decoration:underline}.reply-cnt{color:var(--red);margin-left:5px;font-size:12px;font-weight:700}.pagination{justify-content:center;gap:8px;display:flex}.pagination a{color:#555;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.pagination a:hover{border-color:var(--navy);color:var(--navy)}.pagination a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.pagination a.page-dir{color:#999}.b2b-header-top{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex}.badge-b2b{vertical-align:middle;background:#4caf50;border-radius:4px;margin-left:10px;padding:3px 8px;font-size:12px;font-weight:700}.pb-layout{min-height:calc(100vh - 64px);display:flex}.pb-sidebar{background:#fff;border-right:1px solid #e0e0e0;width:240px}.pb-nav li a{color:#555;border-bottom:1px solid #f5f5f5;padding:18px 24px;font-weight:600;transition:all .2s;display:block}.pb-nav li a i{text-align:center;color:#999;width:24px;margin-right:10px}.pb-nav li:hover a{color:var(--indigo);background:#f9f9f9}.pb-nav li.active a{color:var(--indigo);border-right:4px solid var(--indigo);background:#e8eaf6}.pb-main{flex:1;padding:30px}.pb-grid{max-width:1400px;margin:0 auto}.search-large{width:400px;position:relative}.search-large input{border:2px solid var(--indigo);border-radius:30px;outline:none;width:100%;padding:12px 20px;font-size:15px}.search-large button{background:var(--indigo);color:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:6px;right:8px}.bank-filters{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e0e0e0;border-radius:12px;height:fit-content;padding:25px;position:sticky;top:20px}.checkbox-group label{color:#555;cursor:pointer;margin-bottom:10px;font-size:14px;display:block}.checkbox-group input{accent-color:var(--indigo);margin-right:8px}.bank-list{background:0 0}.p-tags{gap:6px;display:flex}.sort-select{background:#fff;border:1px solid #ccc;border-radius:6px;outline:none;padding:8px 15px;font-size:14px}.result-count{color:#555;font-size:16px}.result-count strong{color:var(--indigo);font-size:18px}.cart-options label{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.d-block{display:block}.stat-text{font-size:13px;font-weight:600}.text-gray{color:#888}.mr-15{margin-right:15px}.omr-header{z-index:100;background:#fff;border-bottom:2px solid #ccc;padding:15px 30px;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}.omr-header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.omr-title{align-items:center;gap:15px;display:flex}.omr-title h2{margin:0;font-size:20px;font-weight:800}.omr-actions{gap:10px;display:flex}.bg-light-blue{background-color:#f0f4f8}.btn-white{cursor:pointer;background:#fff;border:1px solid #fff;border-radius:6px;padding:8px 15px;transition:all .2s}.btn-white:hover{background:#f0f4f8;border-color:#e0e0e0}.text-blue{color:var(--navy)}.font-bold{font-weight:700}.omr-student-info{max-width:1200px;margin:20px auto}.omr-student-info .info-box{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;padding:15px 20px;display:flex}.info-label{color:#555;margin-right:10px;font-size:13px;font-weight:700}.info-box input{color:#333;background:#f9f9f9;border:none;border-radius:4px;width:100px;padding:5px 10px;font-size:14px;font-weight:700}.ml-15{margin-left:15px}.omr-container{max-width:1200px;margin:0 auto}.omr-tabs{background:#ddd;border-top-left-radius:8px;border-top-right-radius:8px;gap:5px;margin-bottom:0;display:flex;overflow:hidden}.omr-tab{color:#777;cursor:pointer;background:#eee;border:none;outline:none;flex:1;padding:15px;font-size:16px;font-weight:800;transition:all .2s}.omr-tab:hover{background:#e0e0e0}.omr-tab.active{color:#fff;background:#4a90e2}.omr-content-wrapper{background:#fff;border:1px solid #ddd;border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:30px}.omr-section{display:none}.omr-section.active{display:block}.omr-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.omr-row{border-bottom:1px dashed #eee;align-items:center;gap:10px;padding:5px 0;display:flex}.q-num{text-align:right;width:30px;color:var(--navy);margin-right:5px;padding:2px 0;font-size:16px;font-weight:700}.q-options{gap:5px;display:flex}.omr-radio{cursor:pointer;position:relative}.omr-radio input{display:none}.omr-radio .mark{text-align:center;color:#666;border:1px solid #ccc;border-radius:10px;width:28px;height:18px;font-size:11px;font-weight:700;line-height:18px;transition:all .1s;display:inline-block}.omr-radio input:checked+.mark{color:#fff;background:#333;border-color:#333}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:400px;overflow:hidden;box-shadow:0 10px 30px #0003}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;font-weight:700;display:flex}.modal-body{color:#333;padding:20px;font-size:15px}.modal-footer{text-align:right;background:#f9f9f9;border-top:1px solid #eee;padding:15px 20px}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;outline:none;font-size:20px}.modal-close:hover{color:#333}.hide-pc{display:none}.report-container{max-width:1000px;margin:0 auto}.report-header{border-bottom:3px solid var(--navy);padding-bottom:20px}.student-name{color:var(--navy);font-size:32px;font-weight:900;display:inline-block}.student-id{color:#666;font-size:24px;font-weight:300}.report-subtitle{color:#555;margin-top:5px;font-size:16px;font-weight:700}.tag-badge{border-radius:20px;padding:5px 15px;font-size:14px;font-weight:700}.bg-navy{background-color:#1a237e}.text-white{color:#fff}.info-box-blue{background:#e8eaf6;border:1px solid #c5cae9;border-radius:8px;padding:20px}.info-box-blue h3{color:var(--navy);margin-bottom:10px;font-size:18px;font-weight:800}.info-box-blue p{color:#444;font-size:14px;line-height:1.6}.section-title-bubble{background:var(--navy);color:#fff;z-index:10;border-radius:20px;margin-bottom:20px;padding:8px 20px;font-size:14px;font-weight:700;display:inline-block;position:relative}.absolute-top{margin-bottom:0;position:absolute;top:-15px;left:20px}.flex-row{display:flex}.flex-1{flex:1;min-width:0}.flex-2{flex:2;min-width:0}.gap-20{gap:20px}.bg-white{background:#fff}.rounded-10{border-radius:10px}.p-20{padding:20px}.p-10{padding:10px}.pt-30{padding-top:30px}.shadow-sm{border:1px solid #eee;box-shadow:0 4px 10px #0000000d}.relative{position:relative}.bar-chart-container{border-bottom:1px solid #ccc;height:200px;margin-top:20px;display:flex;position:relative}.y-axis{color:#999;border-right:1px solid #eee;flex-direction:column;justify-content:space-between;height:100%;padding-right:10px;font-size:12px;display:flex}.bar-group-wrapper{flex:1;justify-content:space-around;padding:0 5px;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}.bars{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:100%;padding-bottom:25px;display:flex;position:relative}.bar{background:#ccc;border-radius:3px 3px 0 0;width:12px;transition:height .5s;position:relative}.bar:before{content:attr(data-val);color:#555;font-size:10px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.bar[data-val="0"]:before{display:none}.x-label{color:#555;font-size:13px;font-weight:700;position:absolute;bottom:0}.bg-at1,.bar-at1{background-color:#5d9cec}.bg-at2,.bar-at2{background-color:#a0d468}.bg-at3,.bar-at3{background-color:#4fc1e9}.bg-at4,.bar-at4{background-color:#4a89dc}.bg-at5,.bar-at5{background-color:#8cc152}.bg-at6,.bar-at6{background-color:#3bafda}.chart-legend{font-size:12px}.legend-item{align-items:center;margin:0 5px;display:inline-flex}.legend-item .dot{border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.badge-pill{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700}.bg-light-purple{background-color:#e8eaf6}.bg-gray-100{background-color:#f5f5f5}.text-purple{color:#5c6bc0}.report-table{border-collapse:collapse;width:100%;font-size:14px}.report-table th,.report-table td{border:1px solid #ddd;padding:10px}.bg-gray-200{background:#f0f0f0}.line-h-16{line-height:1.6}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-gray-600{color:#666}.text-gray-500{color:#888}.hz-bar-group{align-items:center;margin-bottom:15px;display:flex}.hz-label{color:#555;text-align:left;width:75px;font-size:12px;font-weight:700}.hz-bar-wrap{background:#f0f0f0;border-radius:4px;flex:1;height:28px;position:relative;overflow:hidden}.hz-bar{color:#fff;white-space:nowrap;border-radius:4px 0 0 4px;justify-content:flex-end;align-items:center;height:100%;padding-right:10px;font-size:11px;font-weight:700;display:flex}.bg-cool-blue{background-color:#7986cb}.hz-val{color:#444;z-index:10;background:#ffffffb3;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700}.absolute-left{position:absolute;top:6px;left:10px}.detail-table{border-collapse:collapse;border:1px solid #ddd}.detail-table th,.detail-table td{border:1px solid #ddd;padding:8px 5px}.w-full{width:100%}@media (max-width:768px){.hide-mobile{display:none!important}.hide-pc{display:block}.omr-grid{grid-template-columns:repeat(2,1fr)}.exam-container{flex-direction:column}.exam-sidebar{width:100%;position:static}.report-container{padding:15px}.flex-row{flex-direction:column}.report-subtitle{font-size:13px}.student-name{font-size:24px}.bar-chart-container{overflow-x:auto}}.book-cover{color:#fff;text-align:center;flex-direction:column;width:100%;height:100%;padding:15px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000001a}.book-cover:after{content:"";background:linear-gradient(90deg,#fff6,#fff0 80%);border-right:1px solid #0000001a;width:15px;position:absolute;top:0;bottom:0;left:0}.anth-0{background:#3fc1fa}.anth-1{color:#333;background:#ffc107}.anth-2{background:#43c6a2}.anth-3{background:#5e5496}.anth-4{background:#f27930}.anth-5{background:#1a754c}.anth-6{background:#223a5e}.anth-top{margin-bottom:25px;font-size:11px;font-weight:800}.anth-mid{letter-spacing:-1px;text-align:left;padding-left:10px;font-size:24px;font-style:italic;font-weight:900;line-height:1;transform:scaleY(1.2)}.anth-bot{color:#111;margin-top:auto;font-size:12px;font-style:italic;font-weight:900}.sud-core{background:#004eb5}.sud-essentials{background:#008b27}.sud-skill{background:#2f0071}.sud-extra{background:#c77b00}.sud-top{letter-spacing:-.5px;opacity:.9;margin-bottom:10px;font-size:10px}.sud-mid{letter-spacing:-1.5px;text-shadow:1px 1px #0003;font-size:26px;font-weight:900;line-height:1.1}.sud-badge{color:#000;text-align:center;background:radial-gradient(circle,gold 30%,#daa520 100%);border:2px dashed #b8860b;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:10px;font-weight:700;line-height:1.2;display:flex;position:absolute;top:15px;right:8px;box-shadow:0 2px 5px #0006}.sud-bot{background:#fff;width:100%;height:5px;margin:15px 0}