:root{--xarr-primary: #1677ff;--xarr-primary-hover: #4096ff;--xarr-primary-active: #0958d9;--xarr-success: #52c41a;--xarr-warning: #faad14;--xarr-error: #ff4d4f;--xarr-info: #13c2c2;--xarr-bg: #f5f7fb;--xarr-bg-soft: #f8fafc;--xarr-card: #ffffff;--xarr-text: #1f2329;--xarr-text-secondary: #4e5969;--xarr-text-tertiary: #86909c;--xarr-border: #e5e7eb;--xarr-border-soft: #f0f2f5;--xarr-radius-sm: 8px;--xarr-radius: 12px;--xarr-radius-lg: 16px;--xarr-shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--xarr-shadow: 0 8px 24px rgba(15, 23, 42, .08);--xarr-shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--xarr-space-xs: 4px;--xarr-space-sm: 8px;--xarr-space: 12px;--xarr-space-md: 16px;--xarr-space-lg: 24px;--xarr-space-xl: 32px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--xarr-text);background:var(--xarr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow:hidden}a{color:var(--xarr-primary);transition:color .2s ease}a:hover{color:var(--xarr-primary-hover)}button,input,textarea,select{font:inherit}::selection{color:#fff;background:var(--xarr-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfd6e4;border:2px solid transparent;border-radius:999px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#aeb8ca;border:2px solid transparent;background-clip:content-box}.login-page,.register-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--xarr-space-lg);background:radial-gradient(circle at 18% 12%,rgba(22,119,255,.14),transparent 30%),radial-gradient(circle at 86% 18%,rgba(19,194,194,.13),transparent 28%),linear-gradient(135deg,#f8fbff,#eef4ff 48%,#f7f9fc)}.login-card,.register-card{width:min(100%,430px);padding:46px 40px;background:#fffffff0;border:1px solid rgba(255,255,255,.72);border-radius:24px;box-shadow:var(--xarr-shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-card h1,.register-card h1{margin:0 0 var(--xarr-space-sm);font-size:28px;line-height:1.2;font-weight:800;letter-spacing:.06em;text-align:center;background:linear-gradient(135deg,var(--xarr-primary),#0958d9 48%,#13c2c2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-card .subtitle,.register-card .subtitle{margin:0 0 var(--xarr-space-xl);text-align:center;color:var(--xarr-text-tertiary);font-size:14px}.login-page .ant-input-affix-wrapper,.register-page .ant-input-affix-wrapper,.login-page .ant-input,.register-page .ant-input{border-radius:var(--xarr-radius)}.login-page .ant-btn-primary,.register-page .ant-btn-primary{height:48px;border-radius:var(--xarr-radius);font-size:16px;font-weight:650;background:linear-gradient(135deg,var(--xarr-primary),#0958d9);box-shadow:0 8px 18px #1677ff47}.login-page .ant-btn-primary:hover,.register-page .ant-btn-primary:hover{background:linear-gradient(135deg,var(--xarr-primary-hover),var(--xarr-primary));box-shadow:0 12px 24px #1677ff57;transform:translateY(-1px)}.login-page .ant-space img,.register-page .ant-space img{flex-shrink:0;object-fit:cover;border-radius:var(--xarr-radius);border:1px solid var(--xarr-border);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.login-page .ant-space img:hover,.register-page .ant-space img:hover{transform:scale(1.02);box-shadow:var(--xarr-shadow-sm)}.ant-app,.ant-layout,.ant-pro-layout,.ant-pro-page-container{background:var(--xarr-bg)!important}.ant-pro-page-container-children-content{padding-block:var(--xarr-space-lg)!important}.ant-page-header,.ant-pro-page-container .ant-page-header{padding:18px 24px 4px;background:transparent}.ant-page-header-heading-title,.ant-pro-page-container .ant-page-header-heading-title{font-size:20px;font-weight:750;color:var(--xarr-text)}.ant-card,.ant-pro-card{border-color:var(--xarr-border-soft);border-radius:var(--xarr-radius-lg)!important;box-shadow:var(--xarr-shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ant-card-hoverable:hover,.ant-card:hover,.ant-pro-card:hover{border-color:#1677ff2e;box-shadow:var(--xarr-shadow)}.ant-card-head{min-height:52px;border-bottom-color:var(--xarr-border-soft)}.ant-card-head-title{font-weight:700;color:var(--xarr-text)}.ant-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--xarr-radius-sm);font-weight:520;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ant-btn:not(.ant-btn-link):hover{transform:translateY(-1px)}.ant-btn-primary{box-shadow:0 4px 12px #1677ff38}.ant-btn-primary:hover{box-shadow:0 8px 18px #1677ff47}.ant-btn-link{min-width:28px;min-height:28px;padding-inline:5px;border-radius:8px}.ant-btn-link:hover{background:#1677ff14}.ant-input,.ant-input-number,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,.ant-input-password{border-radius:var(--xarr-radius-sm)!important}.ant-input:hover,.ant-input-number:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:var(--xarr-primary-hover)!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--xarr-primary)!important;box-shadow:0 0 0 3px #1677ff1f!important}.ant-form-item-label>label{font-weight:560;color:var(--xarr-text-secondary)}.ant-tag{margin-inline-end:6px;border-radius:999px;padding:2px 9px;line-height:20px;font-weight:520}.ant-alert{border-radius:var(--xarr-radius-lg)}.ant-modal-content,.ant-drawer-content{border-radius:var(--xarr-radius-lg);overflow:hidden}.ant-modal-header,.ant-modal-footer{border-color:var(--xarr-border-soft)}.ant-modal-title{font-weight:750}.ant-tabs-nav{margin-bottom:var(--xarr-space-md)!important}.ant-tabs-tab{border-radius:var(--xarr-radius-sm);transition:background .2s ease,color .2s ease}.ant-tabs-tab:hover{background:#1677ff0f}.ant-table-wrapper{border-radius:var(--xarr-radius-lg)}.ant-table{color:var(--xarr-text);border-radius:var(--xarr-radius-lg)!important}.ant-table-thead>tr>th{background:#f8fafc!important;color:var(--xarr-text-secondary)!important;font-weight:700!important;border-bottom:1px solid var(--xarr-border)!important}.ant-table-tbody>tr>td{border-bottom-color:var(--xarr-border-soft)!important}.ant-table-tbody>tr:hover>td{background:#f8fbff!important}.ant-pro-table-search{margin-bottom:var(--xarr-space-md);padding:var(--xarr-space-md)!important;background:var(--xarr-card)!important;border:1px solid var(--xarr-border-soft);border-radius:var(--xarr-radius-lg);box-shadow:var(--xarr-shadow-sm)}.ant-pro-table-list-toolbar{gap:var(--xarr-space);flex-wrap:wrap}.ant-pro-table-list-toolbar-title{font-weight:750}.ant-pro-table-alert{border-radius:var(--xarr-radius)}.ant-menu{border-inline-end:none!important;background:transparent!important}.ant-menu-item,.ant-menu-submenu-title{height:44px!important;line-height:44px!important;margin:3px 10px!important;border-radius:var(--xarr-radius)!important;transition:background .2s ease,color .2s ease,transform .2s ease}.ant-menu-item:hover,.ant-menu-submenu-title:hover{background:#1677ff12!important}.ant-menu-item:active,.ant-menu-submenu-title:active{transform:scale(.99)}.ant-menu-item-selected{color:var(--xarr-primary)!important;background:linear-gradient(90deg,#1677ff21,#1677ff0d)!important;font-weight:700}.ant-menu-item-selected .anticon{color:var(--xarr-primary)!important}.mobile-drawer-logo{display:none}.mobile-drawer-title{min-width:0;overflow:hidden;color:var(--xarr-primary);font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.dashboard-page{display:flex;flex-direction:column;gap:var(--xarr-space-md)}.dashboard-page .ant-statistic-title{margin-bottom:6px;color:var(--xarr-text-tertiary);font-size:13px}.dashboard-page .ant-statistic-content{line-height:1.2}.xarr-mobile-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--xarr-space)}.xarr-mobile-card{border:1px solid var(--xarr-border-soft);border-radius:var(--xarr-radius-lg);background:var(--xarr-card);box-shadow:var(--xarr-shadow-sm)}.xarr-mobile-card .ant-card-body{padding:var(--xarr-space-md)}.xarr-mobile-card-header{display:flex;gap:var(--xarr-space);align-items:flex-start;justify-content:space-between}.xarr-mobile-card-title{min-width:0;color:var(--xarr-text);font-size:15px;font-weight:750;line-height:1.45}.xarr-mobile-card-subtitle{margin-top:2px;color:var(--xarr-text-tertiary);font-size:12px;word-break:break-all}.xarr-mobile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:var(--xarr-space)}.xarr-mobile-meta-item{min-width:0}.xarr-mobile-meta-label{color:var(--xarr-text-tertiary);font-size:12px}.xarr-mobile-meta-value{margin-top:2px;color:var(--xarr-text-secondary);font-size:13px;overflow-wrap:anywhere}.xarr-mobile-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:var(--xarr-space);padding-top:var(--xarr-space);border-top:1px solid var(--xarr-border-soft)}.xarr-responsive-toolbar{display:flex;gap:var(--xarr-space-sm);align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--xarr-space)}.xarr-responsive-toolbar-actions{display:flex;gap:var(--xarr-space-sm);align-items:center;flex-wrap:wrap}@media (max-width: 768px){body{overflow:hidden}.login-page,.register-page{align-items:flex-start;padding:28px 16px;overflow-y:auto}.login-card,.register-card{padding:30px 22px;border-radius:20px}.login-card h1,.register-card h1{font-size:23px}.ant-pro-page-container-children-content{padding:12px!important}.ant-card .ant-card-body{padding:14px}.ant-card-head{min-height:48px;padding-inline:14px}.ant-card-head-title{font-size:15px}.ant-modal{max-width:calc(100vw - 24px)!important;margin:12px auto}.ant-modal-content{max-height:calc(100vh - 24px);overflow:auto}.ant-modal-body{padding:16px!important}.ant-modal .ant-row>.ant-col{flex:0 0 100%!important;max-width:100%!important}.ant-form-horizontal .ant-form-item-label,.ant-form-horizontal .ant-form-item-control{flex:0 0 100%!important;max-width:100%!important}.ant-form-item{margin-bottom:14px}.ant-btn{min-height:36px}.ant-btn-sm{min-height:30px}.ant-btn-link{min-width:34px;min-height:34px}.ant-pro-table-search{padding:12px!important}.ant-pro-table-list-toolbar-container{gap:8px;align-items:flex-start!important}.ant-pro-table-list-toolbar-left,.ant-pro-table-list-toolbar-right,.ant-pro-table-list-toolbar-setting-items,.ant-pro-table-list-toolbar .ant-space{width:100%;flex-wrap:wrap}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table{font-size:13px}.ant-pagination{justify-content:center}.mobile-drawer-logo{display:flex;gap:10px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--xarr-border-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-drawer-logo:active{background:#1677ff14}.xarr-mobile-meta{grid-template-columns:1fr}}@media (max-width: 480px){.login-page,.register-page{padding:18px 12px}.login-card,.register-card{padding:24px 16px;border-radius:18px}.login-card h1,.register-card h1{font-size:21px}.ant-pro-page-container-children-content{padding-inline:10px!important}.ant-card .ant-card-body{padding:12px}.xarr-responsive-toolbar,.xarr-responsive-toolbar-actions{width:100%}.xarr-responsive-toolbar-actions .ant-btn:not(.ant-btn-link){flex:1}}
