.App{width:100%;height:100%}.template-designer{height:calc(100vh - 64px)}.designer-canvas{background-color:#fafafa;border:1px dashed #d9d9d9;min-height:600px}.component-library{border-right:1px solid #f0f0f0}.properties-panel{border-left:1px solid #f0f0f0}@media (max-width: 768px){.template-designer{flex-direction:column}.component-library,.properties-panel{border:none;border-bottom:1px solid #f0f0f0}}.ant-card{border-radius:8px!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important;border:1px solid #e5e7eb!important;transition:box-shadow .2s,transform .2s}.ant-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.ant-card-head{border-bottom:1px solid #e5e7eb!important;background:#f9fafb!important}.ant-card-head-title{color:#111827!important;font-weight:600!important;font-size:16px!important}.ant-btn-primary{background:#2563eb!important;border-color:#2563eb!important;font-weight:500!important;transition:all .2s!important}.ant-btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb4d!important}.ant-btn-default{border-color:#e5e7eb!important;color:#374151!important}.ant-btn-default:hover{border-color:#2563eb!important;color:#2563eb!important}.ant-table{border-radius:6px!important;overflow:hidden!important}.ant-table-thead>tr>th{background:#f9fafb!important;color:#111827!important;font-weight:600!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:2px solid #e5e7eb!important;padding:12px 16px!important}.ant-table-tbody>tr>td{color:#374151!important;padding:12px 16px!important;border-bottom:1px solid #e5e7eb!important}.ant-table-tbody>tr:hover>td{background:#eff6ff!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-input,.ant-input-affix-wrapper{border-color:#e5e7eb!important;border-radius:6px!important;transition:all .2s!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.ant-menu{background:#fff!important;border-right:none!important}.ant-menu-item{margin:4px 8px!important;border-radius:6px!important;transition:all .2s!important}.ant-menu-item:hover{background:#eff6ff!important;color:#2563eb!important}.ant-menu-item-selected{background:#2563eb!important;color:#fff!important;font-weight:500!important}.ant-menu-item-selected:after{display:none!important}.ant-steps-item-process .ant-steps-item-icon{background:#2563eb!important;border-color:#2563eb!important}.ant-steps-item-finish .ant-steps-item-icon{background:#10b981!important;border-color:#10b981!important}.ant-tag{border-radius:4px!important;padding:2px 8px!important;font-size:12px!important;border:none!important}.ant-message{top:24px!important}.ant-message-notice-content{border-radius:6px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.ant-spin-dot-item{background-color:#2563eb!important}.ant-pagination-item{border-radius:6px!important;border-color:#e5e7eb!important}.ant-pagination-item:hover{border-color:#2563eb!important}.ant-pagination-item-active{background:#2563eb!important;border-color:#2563eb!important}.ant-select-selector{border-radius:6px!important;border-color:#e5e7eb!important}.ant-select-focused .ant-select-selector{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.ant-upload{border-radius:6px!important}.ant-upload-drag{border-color:#e5e7eb!important;border-radius:6px!important;background:#f9fafb!important}.ant-upload-drag:hover{border-color:#2563eb!important;background:#eff6ff!important}.ant-progress-bg{background:#2563eb!important}.ant-tooltip-inner{border-radius:6px!important;background:#111827!important;color:#fff!important}.ant-modal-content{border-radius:8px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.ant-modal-header{border-bottom:1px solid #e5e7eb!important;background:#f9fafb!important;border-radius:8px 8px 0 0!important}.ant-modal-title{color:#111827!important;font-weight:600!important}.ant-tabs-tab{border-radius:6px 6px 0 0!important;transition:all .2s!important}.ant-tabs-tab:hover{color:#2563eb!important}.ant-tabs-tab-active{color:#2563eb!important;font-weight:500!important}.ant-tabs-ink-bar{background:#2563eb!important;height:3px!important}.ant-statistic-title{color:#6b7280!important;font-size:14px!important}.ant-statistic-content{color:#111827!important;font-weight:600!important}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-color:#f9fafb;color:#374151}#root{width:100%;height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:#111827;font-weight:600;line-height:1.2}h1{font-size:30px;font-weight:700}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}a{color:#2563eb;text-decoration:none;transition:color .2s}a:hover{color:#1d4ed8}::selection{background-color:#dbeafe;color:#1e3a8a}