.portal-container{padding-top:20px}.hero-section{background:linear-gradient(135deg,#0e9c93 0%,#12b4a9 50%,#0d8a82 100%);border-radius:12px;padding:40px 30px;margin-bottom:30px;color:#fff;text-align:center;box-shadow:0 4px 20px rgba(14,156,147,.3)}.hero-title{font-size:28px;font-weight:bold;margin-bottom:10px;line-height:1.3;background:none;padding:0;color:#fff}.hero-subtitle{font-size:16px;opacity:.9;margin-bottom:25px}.hero-stats{font-size:42px;font-weight:bold;color:#ffe066;margin-bottom:5px}.hero-stats-label{font-size:14px;opacity:.8}.search-box{background:#fff;border-radius:50px;padding:8px;display:flex;gap:10px;max-width:700px;margin:25px auto 0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.search-box input[type="text"]{flex:1;border:none;padding:12px 20px;font-size:16px;outline:none;border-radius:40px;background:transparent}.search-box select{border:none;padding:12px 20px;font-size:14px;background:#f5f5f5;border-radius:40px;min-width:150px}.search-box button{background:#f60;color:#fff;border:none;padding:12px 30px;border-radius:40px;font-size:16px;font-weight:bold;cursor:pointer;transition:background .3s}.search-box button:hover{background:#e55}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .2s , box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.stat-icon{font-size:32px;margin-bottom:10px}.stat-number{font-size:28px;font-weight:bold;color:#0e9c93;line-height:1;margin-bottom:5px}.stat-label{font-size:13px;color:#666}.section-title{font-size:20px;font-weight:bold;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #0e9c93;display:flex;align-items:center;gap:10px;background:none}.section-title-icon{font-size:24px}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:30px}.area-card{background:#fff;border-radius:8px;padding:15px;text-align:center;text-decoration:none;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .2s;border:2px solid transparent}.area-card:hover{border-color:#0e9c93;transform:translateY(-2px);box-shadow:0 4px 15px rgba(14,156,147,.2)}.area-name{font-size:15px;font-weight:bold;margin-bottom:5px;color:#333}.area-count{font-size:20px;font-weight:bold;color:#0e9c93}.area-count-label{font-size:11px;color:#999}.category-flex{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.category-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid #e0e0e0;border-radius:25px;padding:10px 20px;text-decoration:none;color:#333;font-size:14px;transition:all .2s}.category-btn:hover{border-color:#0e9c93;background:#e8f7f6;color:#0e9c93}.category-btn .count{background:#f0f0f0;padding:2px 10px;border-radius:20px;font-size:12px;color:#666}.category-btn:hover .count{background:#0e9c93;color:#fff}.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.job-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all .2s;text-decoration:none;color:inherit;display:block;border-left:4px solid #0e9c93}.job-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.job-date{font-size:12px;color:#999;background:#f5f5f5;padding:3px 10px;border-radius:20px}.job-new{background:#ff6b6b;color:#fff;font-size:11px;padding:3px 8px;border-radius:3px;font-weight:bold}.job-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:8px;line-height:1.4}.job-company{font-size:14px;color:#666;margin-bottom:10px}.job-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.job-meta-item{display:flex;align-items:center;gap:5px;color:#666}.job-meta-icon{color:#0e9c93}.job-salary{color:#e65100;font-weight:bold}.job-type{display:inline-block;background:#e8f7f6;color:#0e9c93;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:bold}.info-section{background:#fff;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.info-section h3{color:#0e9c93;border-bottom:2px solid #0e9c93;padding-bottom:10px;margin-bottom:15px}.info-section ul{padding-left:20px}.info-section li{margin-bottom:10px;line-height:1.6}.more-btn{display:block;text-align:center;background:#fff;border:2px solid #0e9c93;color:#0e9c93;padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:bold;transition:all .2s;margin:20px auto;max-width:300px}.more-btn:hover{background:#0e9c93;color:#fff}#gcontroll{position:fixed;left:0;top:0;width:250px;height:100vh;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);padding:20px 15px;box-sizing:border-box;overflow-y:auto;z-index:1000}.side-logo{text-align:center;padding:15px 0 25px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.side-logo a{color:#fff;text-decoration:none;font-size:18px;font-weight:bold;display:block}.side-logo .logo-sub{font-size:11px;color:rgba(255,255,255,.6);margin-top:5px}.side-menu-section{margin-bottom:25px}.side-menu-title{color:rgba(255,255,255,.5);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding-left:10px}.side-menu-item{display:flex;align-items:center;gap:12px;padding:12px 15px;color:rgba(255,255,255,.8);text-decoration:none;border-radius:8px;transition:all .2s;margin-bottom:5px}.side-menu-item:hover{background:rgba(255,255,255,.1);color:#fff}.side-menu-item.active{background:linear-gradient(90deg,#0e9c93,#12b4a9);color:#fff}.side-menu-icon{font-size:18px;width:24px;text-align:center}.side-menu-text{font-size:14px;white-space:nowrap}.side-menu-badge{margin-left:auto;background:#ff6b6b;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}.side-menu-highlight{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff!important;border-radius:8px}.side-menu-highlight:hover{background:linear-gradient(135deg,#ff5252,#e64545);transform:scale(1.02)}.side-date-widget{background:rgba(255,255,255,.05);border-radius:10px;padding:15px;text-align:center;margin-bottom:20px;color:#fff}.side-date-year{font-size:14px;opacity:.7}.side-date-day{font-size:32px;font-weight:bold;line-height:1.2}.side-date-time{font-size:14px;opacity:.7;margin-top:5px}#content{padding-left:280px;padding-right:30px;padding-top:30px}#gmenu_top{display:none}@media screen and (max-width:1200px){.job-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){#gcontroll{position:fixed;width:100%;height:auto;bottom:0;top:auto;left:0;padding:10px;display:flex;justify-content:space-around;background:#1a1a2e}.side-logo,.side-menu-title,.side-date-widget,.side-menu-text{display:none}.side-menu-section{display:flex;gap:5px;margin:0}.side-menu-item{padding:10px;flex-direction:column;gap:3px}.side-menu-icon{font-size:20px}#content{padding-left:15px;padding-right:15px;padding-bottom:80px}.hero-section{padding:25px 15px}.hero-title{font-size:20px}.hero-stats{font-size:32px}.search-box{flex-direction:column;border-radius:15px;padding:15px}.search-box input,.search-box select,.search-box button{width:100%;border-radius:10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.area-grid{grid-template-columns:repeat(2,1fr)}}