/* A quiet, native-feeling visual layer. All symbols are original inline SVG. */
:root{--el-color-primary:#0672ed;--el-color-primary-light-3:#4a97f2;--el-color-primary-light-5:#82b8f6;--el-color-primary-light-7:#b5d5fa;--el-color-primary-light-8:#cde3fc;--el-color-primary-light-9:#edf5ff;--el-color-primary-dark-2:#005fc7;--el-border-radius-base:10px;--brand:#0672ed;--brand-2:#005fc7;--ink:#202126;--ink-2:#62646e;--ink-3:#777a85;--line:#e6e7ec;--bg:#f5f5f7;--radius:16px;--shadow-sm:0 2px 10px #1d244706;--shadow:0 4px 20px #1d244709}
body{letter-spacing:-.15px}button,input,textarea,select{font-family:inherit}.app-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none;width:22px;height:22px;line-height:1}.app-icon svg{width:100%;height:100%;display:block}.app-icon.icon-tile{width:32px;height:32px;border-radius:9px;background:var(--tile-bg);color:white;box-shadow:inset 0 1px 0 #ffffff40,0 2px 4px #0000000b;padding:6px}.tone-blue{--tile-bg:linear-gradient(145deg,#40a1ff,#0073ed)}.tone-red{--tile-bg:linear-gradient(145deg,#ff7a80,#f24756)}.tone-teal{--tile-bg:linear-gradient(145deg,#4ecdc0,#139eaa)}.tone-purple{--tile-bg:linear-gradient(145deg,#b084f6,#8860df)}.tone-orange{--tile-bg:linear-gradient(145deg,#ffc162,#f59824)}.tone-green{--tile-bg:linear-gradient(145deg,#62d68a,#27ad67)}.tone-gray{--tile-bg:linear-gradient(145deg,#a2a7b3,#7b8290)}
.sidebar{background:#f0f1f5;color:var(--ink);border-right:1px solid #e2e3e9}.logo{padding:24px 16px 19px;border-bottom:0}.logo-mark{background:linear-gradient(145deg,#45a5fc,#0672ed);box-shadow:0 3px 9px #007aff21}.logo-name{font-size:16px;letter-spacing:-.2px}.logo-sub{color:var(--ink-3);font-size:10px;margin-top:5px}.sidebar .el-menu{background:transparent;padding:0 12px;--el-menu-text-color:#444754;--el-menu-active-color:#075fcb;--el-menu-hover-bg-color:#e5e7ed;--el-menu-bg-color:transparent}.sidebar .el-menu-item{height:44px;padding-left:10px!important;color:#444754;border-radius:11px;font-size:13px;gap:10px}.sidebar .el-menu-item:hover{background:#e5e7ed;color:var(--ink)}.sidebar .el-menu-item.is-active{background:#dfeafa;color:#075fcb;box-shadow:none;font-weight:600}.sidebar .el-menu-item .app-icon{width:28px;height:28px;border-radius:8px;padding:5px;margin:0}.nav-section{color:#858894;font-size:10px;letter-spacing:1px;margin:22px 10px 8px}.sidebar-user{border-top:1px solid #e0e2e9;color:var(--ink-2);padding:16px;font-size:12px;gap:8px}.sidebar-user .el-button{color:var(--ink-2);font-size:12px}.sidebar-user .el-button:hover{color:var(--brand)}.sidebar-user .app-icon{width:15px;height:15px;margin-right:4px}.app-version{color:#8b8e97}
.page-head{margin-bottom:24px}.page-head h2,.lab-page .page-head h2{font-size:26px;font-weight:700;letter-spacing:-.8px;gap:12px}.lab-eyebrow{color:#858894;font-size:9px;letter-spacing:1.6px;margin-bottom:8px}.lab-card,.stat-item,.project-card{border-radius:18px;border-color:#e8e9ee;box-shadow:var(--shadow-sm)}.el-button{border-radius:10px;min-height:34px}.el-button--primary{box-shadow:0 2px 5px #0672ed12}.el-button.is-link{box-shadow:none}.el-button .app-icon{width:17px;height:17px;margin-right:6px}.el-dialog{border-radius:20px;padding:22px;box-shadow:0 20px 80px #1d244730}.el-overlay{background:#24263850;backdrop-filter:blur(3px)}.lab-control,.el-input__wrapper{border-radius:10px}.lab-control{border-color:#dddfe6;min-height:43px}.lab-control:focus{outline:3px solid #007aff25;outline-offset:0;border-color:#4a9aff}.lab-control:disabled{color:#737783}.lab-location{background:#f1f6fc;color:#45678b;border-radius:10px}.lab-booking{border-color:#73acf7;background:#f4f8ff;border-radius:0 12px 12px 0}.lab-empty{background:#eeeef3;border:0;border-radius:16px}.lab-welcome{background:linear-gradient(120deg,#e6f0fe,#eef1fc 65%,#f0eafb);border:1px solid #dfe7f5;border-radius:22px;padding:30px}.lab-welcome h3{font-size:27px;letter-spacing:-.8px}.lab-stats{gap:16px}.lab-stats button{border:1px solid #e8e9ee;border-radius:18px;padding:22px;box-shadow:var(--shadow-sm);position:relative}.lab-stats button>.app-icon{margin-bottom:20px;width:36px;height:36px;border-radius:11px;padding:8px}.lab-stats b{font-size:34px;letter-spacing:-1px;margin:0 0 6px}.lab-stats button>span:not(.app-icon){font-size:12px;color:var(--ink-2)}.lab-page .lab-stats .app-icon span{color:inherit}.lab-toolbar{gap:12px}.lab-kicker{color:#647e9d}.lab-section-head h3{font-size:18px;letter-spacing:-.3px}.lab-setting-row{padding:18px 6px}.el-tabs__item{font-size:14px}.account-profile{display:flex;gap:18px;align-items:center;margin-bottom:22px}.account-profile>.app-icon{width:54px;height:54px;padding:13px;border-radius:16px}.account-profile h3{margin:0}.account-profile p{margin:4px 0 0}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-grid>.lab-card{padding:26px}.security-heading{display:flex;gap:13px;align-items:center;margin-bottom:24px}.security-heading h3{margin:0 0 3px;font-size:17px}.security-heading p{margin:0;color:var(--ink-3);font-size:12px}.security-heading>.app-icon{width:40px;height:40px;border-radius:12px;padding:9px}.account-help{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:24px;color:var(--ink-3)}.account-help p{margin:0;font-size:12px;line-height:1.8}.account-help>.app-icon{margin-top:4px}.secret-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;resize:none;word-break:break-all;margin:8px 0 18px}.secret-label{display:block;font-size:13px}.account-page .lab-inline{margin-bottom:18px}
.login-wrap{background:radial-gradient(ellipse at 12% 8%,#dcecff 0,transparent 43%),radial-gradient(ellipse at 94% 90%,#e8e0fa 0,transparent 47%),#f5f6fa;padding:40px 24px}.auth-card{width:440px;padding:34px 36px 26px;border:1px solid #ffffffb0;background:#ffffffeb;border-radius:28px;box-shadow:0 16px 60px #43537912}.login-emblem{width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#54b1ff,#0877f5);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 20px #007aff28,inset 0 1px 0 #ffffff90;color:#fff}.login-emblem>.app-icon{width:36px;height:36px}.login-title{font-size:20px;letter-spacing:-.3px}.login-sub{font-size:11px;margin-top:5px}.auth-card .login-brand{margin-bottom:26px}.auth-heading{margin-bottom:22px}.auth-heading h1{font-size:24px;letter-spacing:-.6px;line-height:1.4;margin:0 0 7px}.auth-heading p,.auth-help{font-size:12px;color:var(--ink-3);line-height:1.8;margin:0}.auth-form{gap:16px}.auth-form label{font-size:12px;gap:8px}.auth-form .el-input__wrapper{min-height:44px}.auth-form .lab-control{min-height:44px}.auth-form label small{font-size:11px;line-height:1.6;color:var(--ink-3)}.auth-form .auth-submit{height:45px;font-size:14px;border-radius:12px;margin-top:4px}.auth-submit .app-icon{margin:0 0 0 10px}.auth-links{display:flex;justify-content:center;gap:16px;margin:20px 0 0;flex-wrap:wrap}.auth-links .el-button{font-size:12px;min-height:25px;margin:0}.auth-footer{border-top:1px solid #eef0f5;display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-top:22px;padding-top:18px;font-size:10px;color:#8a8d98;line-height:1.7}.auth-footer>.app-icon{width:14px;height:14px;margin-top:1px}.auth-notice{padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.8;margin-bottom:18px}.auth-notice.is-error{background:#fff1f0;color:#b33b3b}.auth-notice.is-success{background:#edf9f1;color:#29754a}.member-nas{display:flex;align-items:center;gap:7px;color:var(--ink-2);font-size:12px;margin:12px 0}.member-nas>.app-icon{width:16px;height:16px}.nas-review-note{background:#f0f5fc;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.8;color:#566f8e}
@media(max-width:1100px){.lab-stats button{padding:18px}.lab-stats button>.app-icon{margin-bottom:16px}.account-grid{gap:16px}.account-grid>.lab-card{padding:20px}}
@media(max-width:900px){.sidebar{z-index:40}.nav-backdrop{z-index:35}.mobile-header{background:#fafafce8;color:var(--ink);border-bottom:1px solid #e2e5ec;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-header .menu-toggle,.mobile-header .mobile-home{color:var(--brand);background:transparent;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:0}.mobile-header>div>span{color:var(--ink-3)}.nav-close{color:var(--ink-2)}.content{padding-top:24px}.account-grid{grid-template-columns:1fr}.lab-welcome{padding:24px}.lab-welcome h3{font-size:24px}.page-head h2,.lab-page .page-head h2{font-size:24px}.login-wrap{padding:24px 18px}.auth-card{padding:28px 26px 23px;border-radius:24px}.auth-heading h1{font-size:23px}}
@media(max-width:480px){.lab-stats{gap:12px}.lab-stats button{padding:18px}.lab-stats b{font-size:30px}.lab-stats button>.app-icon{width:32px;height:32px;padding:7px;margin-bottom:15px}.lab-welcome{padding:22px}.lab-welcome h3{font-size:22px}.page-head h2,.lab-page .page-head h2{font-size:23px}.account-grid>.lab-card{padding:20px}.auth-card{padding:26px 23px 22px}.login-wrap{padding:22px 16px}.auth-links{gap:14px}.auth-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}