html,body,#app{width:100%;min-height:100%;margin:0;padding:0}body{margin:0}html,body,#app{width:100%;min-height:100%;margin:0;padding:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}body{background:#f3f4f8}*{box-sizing:border-box}a{text-decoration:none}button,input{font:inherit}.login-page{background:#f3f4f8;width:100%;min-height:100vh;display:flex;overflow:hidden}.login-left{background:#f3f4f8;justify-content:center;align-items:center;width:42%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-left:after{content:"";opacity:.75;background:#fff;border-radius:50%;width:420px;height:120%;position:absolute;top:-8%;right:-180px}.login-left-inner{z-index:2;width:360px;max-width:calc(100% - 48px);position:relative}.brand-small{color:#4a47ff;margin-bottom:140px;font-size:18px}.login-form{width:100%}.form-group{margin-bottom:22px}.form-label{color:#222;margin-bottom:10px;font-size:14px;display:block}.required{color:#ff4d4f}.form-input{background:#fff;border:1px solid #d9dbe7;border-radius:8px;outline:none;width:100%;height:44px;padding:0 14px}.form-input:focus{border-color:#6b63ff}.password-wrap{position:relative}.password-input{padding-right:48px}.eye-button{cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.forgot-link-wrap{margin-top:4px;margin-bottom:34px}.forgot-link{color:#6b63ff;font-size:14px}.message-text{color:#333;margin:0 0 18px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:#3528ff;border:none;border-radius:8px;min-width:86px;height:40px;padding:0 18px;font-size:15px;font-weight:700;box-shadow:0 8px 18px #3528ff38}.login-button:disabled{opacity:.7;cursor:default}.copyright{color:#8d93a6;margin-top:170px;font-size:14px}.login-right{background:linear-gradient(135deg,#473cff 0%,#635cff 45%,#6d67ff 100%);justify-content:center;align-items:center;width:58%;min-height:100vh;display:flex;position:relative;overflow:hidden}.right-bg-circle{background:#ffffff0f;border-radius:50%;position:absolute}.right-bg-circle-1{width:900px;height:900px;bottom:-420px;left:-140px}.right-bg-circle-2{width:520px;height:520px;top:-40px;right:-60px}.right-bg-circle-3{width:360px;height:360px;top:40px;right:20px}.planet{background:#ffffff1c;border-radius:50%;width:185px;height:185px;position:absolute;top:28px;right:78px;box-shadow:0 0 0 28px #ffffff08}.planet:before{content:"";background:#ffffff0f;border-radius:999px;width:150px;height:22px;position:absolute;top:54px;left:18px;transform:rotate(10deg)}.planet-dot{background:#2a14d3b3;border-radius:50%;position:absolute}.planet-dot-1{width:42px;height:42px;top:14px;left:36px}.planet-dot-2{width:18px;height:18px;top:20px;right:30px}.planet-dot-3{width:36px;height:36px;top:86px;right:18px}.planet-dot-4{width:14px;height:14px;bottom:40px;left:42px}.planet-dot-5{width:10px;height:10px;bottom:36px;left:88px}.login-right-text{z-index:2;text-align:center;color:#fff;padding:0 24px;position:relative}.right-title-top{margin-bottom:10px;font-size:54px;font-weight:400;line-height:1.2}.right-title-main{word-break:keep-all;font-size:62px;font-weight:400;line-height:1.2}@media (width<=1200px){.right-title-top{font-size:42px}.right-title-main{font-size:46px}.planet{width:150px;height:150px;right:36px}}@media (width<=900px){.login-page{flex-direction:column}.login-left,.login-right{width:100%}.login-left{min-height:auto;padding:48px 0}.login-left:after{display:none}.login-right{min-height:300px;padding:60px 20px}.brand-small{margin-bottom:50px}.copyright{margin-top:80px}.right-title-top{font-size:34px}.right-title-main{font-size:36px}}@media (width<=560px){.login-left-inner{max-width:calc(100% - 32px)}.right-title-top,.right-title-main{font-size:28px}.planet{width:120px;height:120px;top:20px;right:20px}}.dashboard-page{box-sizing:border-box;padding:34px}.dashboard-top-cards{grid-template-columns:1.45fr .95fr .95fr .95fr;gap:34px;margin-bottom:34px;display:grid}.dashboard-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e6ebf2;border-radius:8px;justify-content:space-between;align-items:center;min-height:114px;padding:22px 20px;display:flex;box-shadow:0 1px 2px #0000000a}.dashboard-stat-card.card-wide{min-width:0}.dashboard-stat-card.card-small{width:275px}.dashboard-stat-left{flex-direction:column;align-items:flex-start;display:flex}.dashboard-stat-value{color:#000;margin-bottom:10px;font-size:26px;font-weight:700;line-height:1.1}.dashboard-stat-label{color:#64748b;font-size:18px;line-height:1.2}.dashboard-stat-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;font-weight:700;display:flex}.icon-red{color:#f06c7f;background:#fde9ea}.icon-purple{color:#5a54ff;background:#edf1fb}.dashboard-chart-card{box-sizing:border-box;background:#fff;border:1px solid #e6ebf2;border-radius:8px;grid-template-columns:minmax(0,1fr) 270px;width:100%;min-height:465px;display:grid;overflow:hidden}.dashboard-chart-left{box-sizing:border-box;padding:28px 28px 18px}.dashboard-chart-toolbar{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-bottom:24px;display:grid}.dashboard-chart-title-row{align-items:center;gap:10px;display:flex}.chart-title-icon{color:#5a54ff;font-size:18px;line-height:1}.chart-title-text{color:#111827;font-size:16px;font-weight:600}.dashboard-chart-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart-tag{color:#fff;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.chart-tag.black{background:#111}.chart-tag.pink{background:#b45cff}.chart-tag.green{background:#47d774}.dashboard-chart-selects{align-items:center;gap:12px;display:flex}.chart-select{color:#222;box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:8px;min-width:148px;height:44px;padding:0 14px;font-size:15px}.chart-select-year{min-width:180px}.dashboard-chart-area{width:100%}.chart-grid{box-sizing:border-box;background-image:linear-gradient(90deg,#94a3b838 1px,#0000 1px),linear-gradient(#94a3b82e 1px,#0000 1px);background-position:0 0;background-size:8.33333% 30px;border-bottom:1px solid #d7dde7;border-left:1px solid #d7dde7;height:300px;margin:0 10px 0 40px;position:relative}.chart-horizontal-line{background:#94a3b840;height:1px;position:absolute;left:0;right:0}.line-top{top:25%}.line-mid{top:50%}.line-bottom{top:75%}.chart-polyline{background:#111;height:2px;position:absolute;top:49.8%;left:0;right:0}.chart-point{box-sizing:border-box;background:#fff;border:2px solid #111;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-month-labels{color:#6b7280;grid-template-columns:repeat(12,1fr);gap:0;margin:10px 0 0 40px;font-size:12px;display:grid}.chart-month-labels span{text-align:center;white-space:nowrap}.dashboard-chart-summary{box-sizing:border-box;border-left:1px solid #e6ebf2;flex-direction:column;justify-content:space-between;padding:30px 28px;display:flex}.chart-summary-block{text-align:right}.chart-summary-label{color:#222;margin-bottom:10px;font-size:16px}.chart-summary-value{font-size:28px;font-weight:700;line-height:1.2}.black-text{color:#000}.pink-text{color:#b45cff}.green-text{color:#47d774}@media (width<=1500px){.dashboard-top-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stat-card.card-small{width:auto}}@media (width<=1100px){.dashboard-chart-card{grid-template-columns:1fr}.dashboard-chart-summary{border-top:1px solid #e6ebf2;border-left:none;gap:24px}}@media (width<=768px){.dashboard-page{padding:20px}.dashboard-top-cards{grid-template-columns:1fr;gap:20px}.dashboard-chart-toolbar{grid-template-columns:1fr;align-items:flex-start}.dashboard-chart-selects{flex-direction:column;align-items:stretch;width:100%}.chart-select,.chart-select-year{width:100%;min-width:0}.chart-grid{margin-left:10px}.chart-month-labels{margin-left:10px;font-size:11px}}.chat-widget-root{z-index:3000;position:fixed;bottom:24px;right:24px}.chat-open-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46ff 0%,#6f73ff 100%);border:none;border-radius:999px;width:58px;height:58px;font-size:18px;font-weight:700;box-shadow:0 10px 24px #4f46ff47}.chat-widget-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:360px;height:560px;display:flex;overflow:hidden;box-shadow:0 18px 40px #0f172a2e}.chat-widget-header{color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#4f46ff 0%,#6f73ff 100%);justify-content:space-between;align-items:center;height:72px;padding:0 16px;display:flex}.chat-widget-title{font-size:16px;font-weight:700}.chat-widget-subtitle{opacity:.9;margin-top:4px;font-size:12px}.chat-close-button{color:#fff;cursor:pointer;background:0 0;border:none;width:36px;height:36px;font-size:24px}.chat-widget-messages{box-sizing:border-box;background:#f8fafc;flex:1;padding:16px;overflow-y:auto}.chat-message-row{margin-bottom:12px;display:flex}.assistant-row{justify-content:flex-start}.user-row{justify-content:flex-end}.chat-message-bubble{white-space:pre-wrap;word-break:break-word;box-sizing:border-box;border-radius:14px;max-width:80%;padding:12px 14px;font-size:14px;line-height:1.6}.assistant-bubble{color:#334155;background:#fff;border:1px solid #e2e8f0}.user-bubble{color:#312e81;background:#eef2ff;border:1px solid #c7d2fe}.chat-widget-input-area{box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;align-items:flex-end;gap:10px;padding:12px;display:flex}.chat-input{resize:none;box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;outline:none;flex:1;min-height:52px;padding:12px;font-size:14px}.chat-send-button{color:#fff;cursor:pointer;background:#4f46ff;border:none;border-radius:12px;width:72px;height:44px;font-size:14px;font-weight:700}.chat-send-button:disabled{opacity:.5;cursor:default}.chat-error-message{color:#dc2626;margin-top:8px;font-size:13px}.pc-mode{width:100vw;height:56.25vw}.sp-mode{width:56.25vh;height:100vh}.admin-layout{background:#f3f5f9;min-height:100vh}.admin-header{box-sizing:border-box;z-index:1000;background:linear-gradient(90deg,#4f46ff 0%,#6f73ff 100%);justify-content:space-between;align-items:center;height:70px;padding:0 28px 0 34px;display:flex;position:fixed;top:0;left:0;right:0}.admin-logo{color:#fff;font-size:22px;font-weight:700}.admin-header-right{align-items:center;gap:18px;display:flex}.new-create-button{color:#fff;cursor:pointer;background:#ffffff38;border:none;border-radius:8px;height:42px;padding:0 18px;font-size:15px}.company-name{color:#fff;font-size:15px}.user-icon{color:#666;background:#ffffffe0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.admin-sidebar{background:#fff;border-right:1px solid #e4e8ef;flex-direction:column;justify-content:space-between;width:260px;display:flex;position:fixed;top:70px;bottom:0;left:0}.sidebar-menu{padding:18px 0}.sidebar-item{cursor:pointer;text-align:left;color:#4b5563;background:0 0;border:none;width:100%;min-height:50px;padding:0 24px;font-size:16px}.sidebar-item.active{color:#4f46ff;background:#f3f4f8;border-left:4px solid #4f46ff;padding-left:20px;font-weight:700}.sidebar-bottom{justify-content:right;padding:0 20px 10px 0;display:flex}.sidebar-close-button{color:#111;cursor:pointer;background:0 0;border:none;width:46px;height:46px;font-size:34px}.admin-main{min-height:100vh;margin-left:260px;padding-top:70px}.content-panel{background:#fff;border:1px solid #e7ebf1;border-radius:8px;margin:34px;padding:32px}.content-title{color:#111827;margin:0 0 18px;font-size:30px}.content-text{color:#6b7280;margin:0;font-size:16px}.new-create-wrap{position:relative}.new-create-button:hover{background:#ffffff4d}.new-create-dropdown{box-sizing:border-box;z-index:1100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:240px;padding:8px 0;position:absolute;top:52px;right:0;box-shadow:0 8px 24px #00000024}.dropdown-item{box-sizing:border-box;cursor:pointer;text-align:left;color:#4b5563;background:#fff;border:none;align-items:center;gap:12px;width:100%;height:48px;padding:0 18px;font-size:15px;display:flex}.dropdown-item:hover{background:#f5f7fb}.dropdown-icon{color:#94a3b8;justify-content:center;align-items:center;width:24px;font-size:17px;display:inline-flex}.admin-header{overflow:visible}.user-menu-wrap{position:relative}.user-icon-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.user-icon-button:focus{outline:none}.user-dropdown{box-sizing:border-box;z-index:1100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:200px;padding:8px 0;position:absolute;top:52px;right:0;box-shadow:0 8px 24px #00000024}.sidebar-item{cursor:pointer;text-align:left;color:#4b5563;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 24px;font-size:16px;display:flex}.admin-sidebar{transition:width .25s;overflow:hidden}.admin-sidebar.collapsed{width:78px}.admin-main{transition:margin-left .25s}.sidebar-item{cursor:pointer;text-align:left;color:#4b5563;box-sizing:border-box;white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 24px;font-size:16px;display:flex}.sidebar-icon{color:#94a3b8;justify-content:center;align-items:center;width:22px;min-width:22px;font-size:17px;display:inline-flex}.sidebar-text{display:inline-block}.admin-sidebar.collapsed .sidebar-item{justify-content:center;padding:0}.admin-sidebar.collapsed .sidebar-text{display:none}.sidebar-item.active .sidebar-icon{color:#4f46ff}