.system-portal[data-v-5f8d4eb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;background-color:#f5f7fa}.portal-header[data-v-5f8d4eb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;height:60px;background-color:#2c3e50;color:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.portal-header h1[data-v-5f8d4eb8]{margin:0;font-size:20px}.jp-navbar__brand-lg[data-v-5f8d4eb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;text-decoration:none}.jp-navbar__brand-lg img[data-v-5f8d4eb8]{margin-right:10px}.user-info[data-v-5f8d4eb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-info span[data-v-5f8d4eb8]{margin-right:15px}.portal-main[data-v-5f8d4eb8]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px}.system-container[data-v-5f8d4eb8]{width:100%;max-width:1400px}.system-cards[data-v-5f8d4eb8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin:0 auto}.system-card[data-v-5f8d4eb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 30px;border-radius:10px;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;text-align:center;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1);min-height:220px}.system-card[data-v-5f8d4eb8]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.15);box-shadow:0 8px 25px rgba(0,0,0,.15)}.card-icon[data-v-5f8d4eb8]{font-size:60px;margin-bottom:25px;opacity:.9}.system-card h2[data-v-5f8d4eb8]{margin:0 0 15px 0;font-size:20px;font-weight:500}.system-card p[data-v-5f8d4eb8]{margin:0;font-size:15px;opacity:.9;line-height:1.5}.portal-footer[data-v-5f8d4eb8]{text-align:center;padding:15px;background-color:#2c3e50;color:#fff;font-size:14px}@media (max-width:768px){.system-cards[data-v-5f8d4eb8]{grid-template-columns:1fr}.system-card[data-v-5f8d4eb8]{padding:30px 20px;min-height:180px}.card-icon[data-v-5f8d4eb8]{font-size:50px;margin-bottom:20px}}