@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:Microsoft JhengHei,-apple-system,sans-serif;background:linear-gradient(135deg,#0f4c5c,#1a936f,#2a9d8f);min-height:100vh}:root{--text-primary: #0f4c5c;--text-secondary: #4b5563;--text-light: #6b7280;--accent: #10b981}.gradio-container{background:linear-gradient(135deg,#0f4c5c,#1a936f,#2a9d8f)!important;font-family:Microsoft JhengHei,Segoe UI,sans-serif;max-width:98%!important;width:98%!important;margin:0 auto;border-radius:24px;overflow:visible;box-shadow:0 25px 50px #00000059;min-height:100vh;padding:2rem}.main-title{color:#fff!important;font-size:3.6rem!important;font-weight:900!important;text-align:center!important;margin:16px 0 20px!important;padding:20px 0!important;text-shadow:0 8px 20px rgba(0,0,0,.6),0 0 40px rgba(52,211,153,.6),0 0 60px rgba(52,211,153,.4)!important;letter-spacing:3px!important;border-radius:20px}.gr-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin:-.75rem}.gr-column{flex:1;min-width:0;padding:.75rem}.gr-column[width="30%"]{flex:0 0 30%;max-width:30%}.gr-column[width="70%"]{flex:0 0 70%;max-width:70%}.gr-column[width="75%"]{flex:0 0 75%;max-width:75%}.gr-column[width="25%"]{flex:0 0 25%;max-width:25%}.w-full{width:100%!important}.custom-card,.ant-card{background:#fffffff5!important;border-radius:20px!important;box-shadow:0 15px 40px #00000038!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1.5px solid rgba(52,211,153,.3)!important}.super-thin-toolbar{background:#fffffff5!important;border-radius:20px!important;padding:12px!important;box-shadow:0 10px 30px #0003!important}.ant-btn-primary.ant-btn-dangerous,.ant-btn-primary{background:linear-gradient(135deg,#f97316,#fb923c)!important;border:none!important;color:#fff!important;font-weight:800!important;box-shadow:0 6px 20px #f9731666!important;border-radius:16px!important;height:56px!important;font-size:1.2rem!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#ea580c,#f59e0b)!important;transform:translateY(-3px)!important;box-shadow:0 12px 30px #f9731680!important}.plot-container{height:810px!important;border-radius:20px!important;border:4px solid rgba(52,211,153,.5)!important;box-shadow:0 20px 50px #0006!important;overflow:hidden;position:relative}.plot-container>div,.js-plotly-plot,.plotly,.main-svg{width:100%!important;height:100%!important}h1,h2,h3,h4,.ant-typography,.text-teal-800{color:#0f4c5c!important;font-weight:800!important}.outer-panel{border-radius:20px!important;padding:16px!important;background:#ffffffeb!important}.inner-panel{background:#fffffffa!important;border-radius:20px!important;padding:12px!important;margin:0!important;box-shadow:0 12px 35px #0000002e!important;border:1.5px solid rgba(52,211,153,.25)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ant-tabs-nav .ant-tabs-tab{font-size:20px!important;font-weight:600!important;color:#4b5563!important;padding:12px 24px!important;margin:0 4px!important;transition:all .3s ease!important;background:#f8fafc!important}.ant-tabs-nav .ant-tabs-tab:hover{color:#10b981!important;transform:translateY(-2px)!important}.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{font-size:32px!important;color:#fff!important;font-weight:900!important;background:linear-gradient(135deg,#10b981,#34d399)!important;border-bottom:none!important;box-shadow:#10b98166 0 6px 20px!important;transform:translateY(-4px)!important;z-index:10!important;border-radius:12px 12px 0 0!important;padding:16px 32px!important}.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.ant-tabs-ink-bar{background:linear-gradient(90deg,#10b981,#34d399)!important;height:5px!important}.ant-tabs-nav{padding:8px 0!important;border-radius:12px 12px 0 0!important}