.app-container{min-height:100vh;background-color:#fafafa;color:#171717;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1280px;margin:0 auto;padding:2rem 1rem}@media (min-width: 640px){.container{padding:2rem 1.5rem}}@media (min-width: 1024px){.container{padding:2rem}}.nav{background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.nav-container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:4rem}@media (min-width: 640px){.nav-container{padding:0 1.5rem}}@media (min-width: 1024px){.nav-container{padding:0 2rem}}.card{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;transition:all .2s ease-in-out}.card:hover{box-shadow:0 4px 12px #0000000f,0 2px 6px #00000008;transform:translateY(-1px)}.card-header{padding:1.5rem 1.5rem 1rem}.card-content{padding:1.5rem;padding-top:0}.card-title{font-size:1.125rem;font-weight:600;color:#171717;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;transition:all .2s ease-in-out;cursor:pointer;border:none;text-decoration:none;font-family:inherit;line-height:1}.btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #0ea5e9}.btn:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.btn-sm{height:2rem;padding:0 .75rem;font-size:.875rem}.btn-default{height:2.5rem;padding:0 1rem;font-size:.875rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.btn-primary{background-color:#0ea5e9;color:#fff;border:none}.btn-primary:hover{background-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.btn-outline{border:1px solid #e5e5e5;background-color:#fff;color:#525252}.btn-outline:hover{background-color:#fafafa;border-color:#d4d4d4;transform:translateY(-1px)}.btn-ghost{color:#525252;background-color:transparent}.btn-ghost:hover{background-color:#fafafa}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-destructive{background-color:#ef4444;color:#fff}.btn-destructive:hover{background-color:#dc2626}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover{background-color:#d97706}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#171717}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #e5e5e5!important;border-radius:.5rem;background-color:#fff!important;color:#171717!important;font-size:.875rem;transition:all .2s ease-in-out}.form-input:focus{outline:none;border-color:#0ea5e9!important;box-shadow:0 0 0 2px #0ea5e91a;background-color:#fff!important;color:#171717!important}.form-input::-moz-placeholder{color:#737373!important}.form-input::placeholder{color:#737373!important}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e5e5e5!important;border-radius:.5rem;background-color:#fff!important;color:#171717!important;font-size:.875rem;transition:all .2s ease-in-out}.search-input:focus{outline:none;border-color:#0ea5e9!important;box-shadow:0 0 0 2px #0ea5e91a;background-color:#fff!important;color:#171717!important}.search-input::-moz-placeholder{color:#737373!important}.search-input::placeholder{color:#737373!important}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e5e5!important;border-radius:.5rem;background-color:#fff!important;color:#171717!important;font-size:.875rem;resize:vertical;min-height:100px;transition:all .2s ease-in-out}.form-textarea:focus{outline:none;border-color:#0ea5e9!important;box-shadow:0 0 0 2px #0ea5e91a;background-color:#fff!important;color:#171717!important}.form-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e5e5!important;border-radius:.5rem;background-color:#fff!important;color:#171717!important;font-size:.875rem;transition:all .2s ease-in-out}.form-select:focus{outline:none;border-color:#0ea5e9!important;box-shadow:0 0 0 2px #0ea5e91a;background-color:#fff!important;color:#171717!important}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.badge-pending{background-color:#f5f5f5;color:#525252}.badge-in-progress{background-color:#fef3c7;color:#b45309}.badge-completed{background-color:#d1fae5;color:#047857}.badge-cancelled{background-color:#fee2e2;color:#b91c1c}.badge-paused{background-color:#e0f2fe;color:#0369a1}.badge-low{background-color:#d1fae5;color:#047857}.badge-medium{background-color:#fef3c7;color:#b45309}.badge-high{background-color:#fee2e2;color:#b91c1c}.badge-urgent{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.alert-success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.alert-warning{background-color:#fffbeb;border:1px solid #fde68a;color:#b45309}.alert-info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.loading-spinner{border:2px solid #f5f5f5;border-top:2px solid #0ea5e9;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.w-full{width:100%}.h-full{height:100%}.h-3 w-3 text-green-500{color:#171717}.min-h-screen{min-height:100vh}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.text-gray-500{color:#737373}.text-gray-600{color:#525252}.text-gray-700{color:#404040}.text-gray-900{color:#171717}.text-blue-600{color:#0ea5e9}.text-green-500{color:#171717}.text-green-600{color:#10b981}.text-red-600{color:#ef4444}.text-orange-600{color:#f59e0b}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:.75rem;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 25px #0000001a}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.card{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;box-shadow:0 1px 3px #0000000a}.user-info{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.businesses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.business-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem;transition:all .2s ease-in-out}.business-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.business-card h3{color:#171717;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.business-card p{color:#525252;margin-bottom:1rem}.business-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{padding:.5rem 1rem;border:1px solid #e5e5e5;border-radius:.375rem;background-color:#fff;color:#525252;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;font-size:.875rem;font-weight:500}.action-btn:hover{background-color:#fafafa;border-color:#0ea5e9;color:#0ea5e9}button:not([class]){padding:.75rem 1.5rem;border:none;border-radius:.375rem;background-color:#0ea5e9;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease-in-out}button:not([class]):hover{background-color:#0284c7;transform:translateY(-1px)}button:not([class]):disabled{background-color:#d4d4d4;cursor:not-allowed;transform:none}.create-business-btn{background-color:#10b981;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500}.create-business-btn:hover{background-color:#059669}.logout-btn{background-color:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:.375rem}.logout-btn:hover{background-color:#dc2626}.dashboard-container{min-height:100vh;background-color:#fafafa}.dashboard-header{background-color:#fff;border-bottom:1px solid #e5e5e5;padding:.75rem 1.5rem}@media (min-width: 640px){.dashboard-header{padding:0rem 2rem}}@media (min-width: 1024px){.dashboard-header{padding:0rem 2.5rem}}.dashboard-main{max-width:1280px;margin:0 auto;padding:2rem 1rem;display:grid;gap:2rem}.dashboard-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000a;transition:all .2s ease-in-out}.dashboard-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.metric-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000000a;transition:all .2s ease-in-out}.metric-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.metric-value{font-size:2rem;font-weight:700;color:#171717;margin-bottom:.5rem;display:block}.metric-label{font-size:.875rem;color:#525252;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.metric-change{font-size:.75rem;font-weight:500;margin-top:.25rem;color:#525252;display:flex;align-items:center;gap:.25rem}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.alert-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border-left:4px solid;box-shadow:0 1px 3px #0000000a;transition:all .2s ease-in-out}.alert-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.alert-high{border-left-color:#ef4444}.alert-medium{border-left-color:#f59e0b}.alert-low{border-left-color:#10b981}.quick-action-btn{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:block;color:#525252;box-shadow:0 1px 3px #0000000a}.quick-action-btn:hover{background-color:#e0f2fe;border-color:#bae6fd;color:#0369a1;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.quick-action-btn:hover svg{color:#0ea5e9;transform:scale(1.1)}.task-item,.sale-item{background-color:#fff;border:1px solid #e5e5e5;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;transition:all .2s ease-in-out}.task-item:hover,.sale-item:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.task-status-dot{width:.75rem;height:.75rem;border-radius:50%;display:inline-block;margin-right:.5rem}.task-status-completed{background-color:#10b981}.task-status-in-progress{background-color:#f59e0b}.task-status-pending{background-color:#737373}.modern-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:#d1fae5;color:#047857}.badge-warning{background-color:#fef3c7;color:#b45309}.badge-info{background-color:#e0f2fe;color:#0369a1}.badge-error{background-color:#fee2e2;color:#b91c1c}.dashboard-title{font-size:2rem;font-weight:700;color:#171717;margin-bottom:.5rem;margin-top:.5rem}.dashboard-subtitle{color:#525252;margin-bottom:.5rem}button.period-btn,button.period-btn:hover,button.period-btn:focus,button.period-btn:focus-visible,button.period-btn:active,button.period-btn:focus-within{outline:0!important;outline-offset:0!important;outline-color:transparent!important;outline-style:none!important;outline-width:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border:1px solid transparent!important;--tw-ring-shadow: 0 0 #0000 !important;--tw-ring-offset-shadow: 0 0 #0000 !important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;--tw-ring-color: transparent !important;--tw-ring-offset-color: transparent !important;--tw-ring-opacity: 0 !important;--tw-ring-offset-width: 0px !important;--tw-ring-width: 0px !important}.period-btn{padding:.5rem 1rem;border:1px solid transparent;background-color:#fff;color:#525252;border-radius:.375rem;cursor:pointer;transition:all .2s ease-in-out;font-size:.875rem;font-weight:500;outline:none!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-ring-shadow: 0 0 #0000;--tw-ring-offset-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000}.period-btn:hover,.period-btn:focus,.period-btn:focus-visible,.period-btn:active{outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;--tw-ring-shadow: 0 0 #0000 !important;--tw-ring-offset-shadow: 0 0 #0000 !important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;--tw-ring-color: transparent !important;--tw-ring-offset-color: transparent !important;--tw-ring-opacity: 0 !important;--tw-ring-offset-width: 0px !important;--tw-ring-width: 0px !important}.period-btn.active{background-color:#171717;color:#fff;border:1px solid transparent!important}.period-btn.active:focus,.period-btn.active:focus-visible{background-color:#171717!important;color:#fff!important;border:1px solid transparent!important;outline:none!important;box-shadow:none!important}.period-btn:hover:not(.active){background-color:#f5f5f5;border:1px solid transparent!important;color:#171717;outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;--tw-ring-shadow: 0 0 #0000 !important;--tw-ring-offset-shadow: 0 0 #0000 !important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;--tw-ring-color: transparent !important;--tw-ring-offset-color: transparent !important;--tw-ring-opacity: 0 !important;--tw-ring-offset-width: 0px !important;--tw-ring-width: 0px !important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{background-color:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease-in-out}.stat-item:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.stat-value{font-size:2rem;font-weight:700;color:#171717;margin-bottom:.5rem}.stat-label{color:#525252;font-size:.875rem;font-weight:500}.product-rank{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff;border:1px solid #e5e5e5;border-radius:.5rem;margin-bottom:.75rem;transition:all .2s ease-in-out}.product-rank:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.empty-state{text-align:center;padding:3rem 1rem;color:#525252}.empty-state svg{width:4rem;height:4rem;margin:0 auto 1rem;color:#d4d4d4}@media (max-width: 768px){.dashboard-main,.metric-card,.quick-action-btn{padding:1rem}}@media (max-width: 639px){.container,.nav-container{padding:1rem .5rem!important;max-width:100vw!important}.card,.card-erp{padding:1rem!important;border-radius:.5rem!important}.dashboard-title,.card-title,h1,h2,h3{font-size:1.1rem!important;margin-bottom:.5rem!important}body,.app-container{font-size:.98rem!important}.btn,.btn-erp-primary,.btn-erp-secondary,.btn-erp-success,.btn-erp-warning,.btn-erp-error,.btn-erp-outline{padding:.5rem 1rem!important;font-size:.95rem!important;border-radius:.4rem!important}.input-erp,input,textarea{padding:.5rem 1rem!important;font-size:.98rem!important}.table-responsive,table{display:block!important;width:100%!important;overflow-x:auto!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.sidebar,.side-menu{display:none!important}.navbar{flex-direction:column!important;align-items:flex-start!important}.footer{flex-direction:column!important;gap:1.5rem!important;text-align:left!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.mobile-hide{display:none!important}}:root{--operixml-blue: #2563eb;--operixml-blue-dark: #1e40af;--operixml-blue-gradient: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);--operixml-gray-dark: #111827;--operixml-gray-light: #f3f4f6;--operixml-accent: #38bdf8}.bg-operixml{background:var(--operixml-blue-gradient)!important}.text-operixml{color:var(--operixml-blue)!important}.border-operixml{border-color:var(--operixml-blue)!important}.btn-operixml{background:var(--operixml-blue-gradient)!important;color:#fff!important;border-radius:.5rem!important;font-weight:600;transition:background .2s}.btn-operixml:hover{background:#1e40af!important}.loader-operixml{display:flex;align-items:center;justify-content:center;min-height:60vh;background:var(--operixml-blue-gradient)}.loader-operixml-logo{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #2563eb26;animation:loader-bounce 1.2s infinite cubic-bezier(.68,-.55,.27,1.55)}@keyframes loader-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}