.app-shell{color:#000;background:#f3f4f6;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:100vh;display:flex;overflow-x:hidden}.header{box-sizing:border-box;color:#fff;text-align:center;width:100%;box-shadow:none;z-index:40;background:#2f2f2f;border-bottom:1px solid #4b5563;padding:7px clamp(10px,2vw,16px);transition:background .3s,margin-right .3s ease-in-out;position:relative}.header-shell{justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;display:flex}.header-brand{flex:none;align-items:center;gap:15px;min-width:0;display:flex}.header h1{margin-bottom:4px;font-size:1.3em}.header-logo{white-space:nowrap;flex:none}.header-right{scrollbar-width:none;flex-wrap:nowrap;flex:auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex;position:relative;overflow:auto hidden}.header-right::-webkit-scrollbar{display:none}.header-right>*{flex:none}.header-auth{flex:0 auto;align-items:center;min-width:0;display:flex}.header-auth>*{flex:none}.header-auth-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(32vw,260px);display:block;overflow:hidden}.header-session-badge,.header-logout-btn,.header-login-btn,.header-login-page-link{white-space:nowrap;flex:none}.header-settings-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:none;justify-content:center;align-items:center;min-width:34px;padding:8px;font-size:.85em;transition:all .3s;display:flex}.header-settings-btn:hover{opacity:.7}.header-notification-btn{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:flex;position:relative}.header-notification-btn:hover,.header-notification-btn.active{background:#10b98147;border-color:#6ee7b7b8}.header-notification-icon{width:17px;height:17px}.header-notification-badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #2f2f2f;border-radius:999px;min-width:18px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-7px}.header-theme-toggle{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:8px 12px;font-size:1.2em;transition:all .3s;display:flex}.header-theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.external-api-control{flex:none;min-width:0}.external-api-toggle{white-space:nowrap;flex:none;min-width:62px}.external-api-detail-trigger{white-space:nowrap;flex:0 auto;min-width:0;max-width:280px}.external-api-detail-trigger span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header p{opacity:.9;font-size:1em}
.main-wrapper{box-sizing:border-box;background:#f3f4f6;flex:1;align-items:flex-start;gap:20px;width:100%;min-height:calc(100vh - 60px);padding:20px;display:flex;position:relative;overflow:hidden auto}.content-wrapper{box-sizing:border-box;background:#f3f4f6;flex-direction:row;flex:1;align-items:stretch;gap:20px;width:100%;height:calc(100vh - 100px);min-height:0;display:flex;overflow:hidden auto}
@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}
.drag-handle{opacity:.6;cursor:grab;margin-right:8px;font-size:.9em;display:inline-block}.drag-handle:active{cursor:grabbing}@media (max-width:1100px){.external-api-detail-trigger{display:none!important}.header-auth-label{max-width:24vw}}@media (max-width:900px){.header-right{gap:6px}.header-auth-label{display:none}.header-session-badge{padding:4px 7px!important;font-size:.72em!important}.header-theme-toggle,.header-notification-btn,.header-settings-btn{padding:6px!important}.header-logo{font-size:1.05em!important}}@media (max-width:640px){.header{padding:8px 10px}.header-shell{gap:6px}.header-brand{gap:8px}.header-logo{display:none}.header-right{justify-content:flex-start;gap:4px}.header-theme-toggle,.header-notification-btn,.header-settings-btn{min-width:28px;padding:5px!important}.header-notification-btn{width:30px;height:30px}.external-api-toggle{min-width:54px;letter-spacing:.08em!important;padding-left:10px!important;padding-right:10px!important}.header-logout-btn,.header-login-btn{margin-left:0!important;padding:7px 10px!important}.header-login-page-link{display:none!important}.hamburger-menu-btn{padding:6px!important}}@media (max-width:1024px){.main-wrapper{gap:15px;padding:15px}}@media (max-width:768px){.main-wrapper{flex-direction:column;gap:15px;padding:10px}.content-wrapper{flex-direction:column;min-height:auto}.header h1{font-size:1.3em}}
@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
html.dark,html.dark body,html.dark .container{color:#e5e7eb;background:#1f2937}html.dark .header{box-shadow:none;background:#1f1f1f;border-bottom:1px solid #4b5563}html.dark .main-wrapper,html.dark .content-wrapper{background:#1f2937}html.dark input,html.dark textarea,html.dark select{color:#e5e7eb;background:#4b5563;border-color:#6b7280}html.dark input:focus,html.dark textarea:focus,html.dark select:focus{background:#4b5563;border-color:#22c55e;outline-color:#22c55e}html.dark button{color:#e5e7eb}html.dark ::-webkit-scrollbar{display:none}.excel-preview-wrapper{flex-direction:column;height:100%;display:flex}