*{box-sizing:border-box;margin:0;padding:0}:root{--primary-orange:#ff8c00;--dark-blue:#1e3a5f;--light-blue:#2c5282;--white:#fff;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c;--success:#48bb78;--error:#f56565;--warning:#ed8936}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{overflow:hidden}.app{display:flex;height:100vh;transition:background-color .3s ease,color .3s ease}.app.light{background-color:#f7fafc;background-color:var(--gray-100);color:#1a202c;color:var(--gray-900)}.app.dark{background-color:#1a202c;background-color:var(--gray-900);color:#fff;color:var(--white)}.main-content{flex:1 1;overflow-y:auto;padding:2rem;transition:all .3s ease}.loading-screen{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.loading-screen.light{background:linear-gradient(135deg,#fff,#f7fafc);background:linear-gradient(135deg,var(--white) 0,var(--gray-100) 100%)}.loading-screen.dark{background:linear-gradient(135deg,#1a202c,#1e3a5f);background:linear-gradient(135deg,var(--gray-900) 0,var(--dark-blue) 100%)}.loading-content{text-align:center}.app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8c00,#1e3a5f);background:linear-gradient(135deg,var(--primary-orange) 0,var(--dark-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin-bottom:2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #ff8c00;border:4px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary-orange);height:50px;margin:0 auto;width:50px}.card{border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.app.light .card{background-color:#fff;background-color:var(--white);border:1px solid #edf2f7;border:1px solid var(--gray-200)}.app.dark .card{background-color:#2d3748;background-color:var(--gray-800);border:1px solid #4a5568;border:1px solid var(--gray-700)}.card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background-color:#ff8c00;background-color:var(--primary-orange);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#e67e00;box-shadow:0 4px 12px #ff8c004d;transform:translateY(-1px)}.btn-secondary{background-color:#1e3a5f;background-color:var(--dark-blue);color:#fff;color:var(--white)}.btn-secondary:hover{background-color:#2c5282;background-color:var(--light-blue);box-shadow:0 4px 12px #1e3a5f4d;transform:translateY(-1px)}.btn-outline{background-color:initial;border:2px solid #ff8c00;border:2px solid var(--primary-orange)}.app.dark .btn-outline,.btn-outline{color:#ff8c00;color:var(--primary-orange)}.app.dark .btn-outline{border-color:#ff8c00;border-color:var(--primary-orange)}.btn-outline:hover{background-color:#ff8c00;background-color:var(--primary-orange);color:#fff;color:var(--white)}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.app.light .input-label{color:#4a5568;color:var(--gray-700)}.app.dark .input-label{color:#e2e8f0;color:var(--gray-300)}.input-field{border:2px solid #0000;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.app.light .input-field{background-color:#f7fafc;background-color:var(--gray-100);border-color:#e2e8f0;border-color:var(--gray-300);color:#1a202c;color:var(--gray-900)}.app.dark .input-field{background-color:#4a5568;background-color:var(--gray-700);border-color:#718096;border-color:var(--gray-600);color:#fff;color:var(--white)}.input-field:focus{border-color:#ff8c00;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff8c001a;outline:none}.table-container{border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background-color:#ff8c00;background-color:var(--primary-orange);color:#fff;color:var(--white)}.table td,.table th{padding:1rem;text-align:left}.table tbody tr{transition:all .2s ease}.app.light .table tbody tr{border-bottom:1px solid #edf2f7;border-bottom:1px solid var(--gray-200)}.app.dark .table tbody tr{border-bottom:1px solid #4a5568;border-bottom:1px solid var(--gray-700)}.app.light .table tbody tr:hover{background-color:#f7fafc;background-color:var(--gray-100)}.app.dark .table tbody tr:hover{background-color:#4a5568;background-color:var(--gray-700)}.badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.badge-success{background-color:#48bb78;background-color:var(--success);color:#fff;color:var(--white)}.badge-warning{background-color:#ed8936;background-color:var(--warning)}.badge-error,.badge-warning{color:#fff;color:var(--white)}.badge-error{background-color:#f56565;background-color:var(--error)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.app.light .modal-content{background-color:#fff;background-color:var(--white)}.app.dark .modal-content{background-color:#2d3748;background-color:var(--gray-800)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}.app.light ::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--gray-400);border-radius:4px}.app.dark ::-webkit-scrollbar-thumb{background:#718096;background:var(--gray-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8c00;background:var(--primary-orange)}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-orange{color:#ff8c00;color:var(--primary-orange)}.text-blue{color:#1e3a5f;color:var(--dark-blue)}.text-success{color:#48bb78;color:var(--success)}.text-error{color:#f56565;color:var(--error)}.sidebar{border-right:1px solid;display:flex;flex-direction:column;height:100vh;transition:all .3s ease;width:280px}.app.light .sidebar{background:linear-gradient(180deg,var(--white) 0,var(--gray-100) 100%);border-right-color:var(--gray-200)}.app.dark .sidebar{background:linear-gradient(180deg,var(--gray-800) 0,var(--gray-900) 100%);border-right-color:var(--gray-700)}.sidebar-header{border-bottom:1px solid;padding:2rem 1.5rem}.app.light .sidebar-header{border-bottom-color:var(--gray-200)}.app.dark .sidebar-header{border-bottom-color:var(--gray-700)}.sidebar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--dark-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.25rem}.sidebar-subtitle{font-size:.875rem;opacity:.7}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.5rem 1rem}.sidebar-link{align-items:center;border-radius:10px;display:flex;font-weight:500;gap:1rem;overflow:hidden;padding:1rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease}.app.light .sidebar-link{color:var(--gray-700)}.app.dark .sidebar-link{color:var(--gray-300)}.sidebar-link:hover{transform:translateX(5px)}.app.light .sidebar-link:hover{background-color:var(--gray-200)}.app.dark .sidebar-link:hover{background-color:var(--gray-700)}.sidebar-link.active{background:linear-gradient(135deg,var(--primary-orange) 0,#ff9500 100%);box-shadow:0 4px 12px #ff8c004d;color:var(--white)}.sidebar-link.active:before{background-color:var(--white);border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-icon{flex-shrink:0}.sidebar-footer{border-top:1px solid;padding:1.5rem;text-align:center}.app.light .sidebar-footer{border-top-color:var(--gray-200)}.app.dark .sidebar-footer{border-top-color:var(--gray-700)}.sidebar-version{font-size:.75rem;opacity:.5}.dashboard{animation:fadeIn .5s ease-in}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:.25rem}.page-subtitle{font-size:1rem;opacity:.7}.date-display{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.app.light .date-display{background-color:var(--white);color:var(--gray-700)}.app.dark .date-display{background-color:var(--gray-800);color:var(--gray-300)}.stat-card{border:2px solid #0000;border-radius:12px;padding:1.5rem;transition:all .3s ease}.app.light .stat-card{background-color:var(--white)}.app.dark .stat-card{background-color:var(--gray-800)}.stat-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.stat-card-orange:hover{border-color:var(--primary-orange)}.stat-card-blue:hover{border-color:var(--dark-blue)}.stat-card-green:hover{border-color:var(--success)}.stat-card-red:hover{border-color:var(--error)}.stat-card-content{align-items:flex-start;display:flex;justify-content:space-between}.stat-info{flex:1 1}.stat-title{font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;opacity:.7;text-transform:uppercase}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-trend{color:var(--success);font-size:.875rem;font-weight:500;gap:.25rem}.stat-icon,.stat-trend{align-items:center;display:flex}.stat-icon{border-radius:12px;height:64px;justify-content:center;opacity:.9;width:64px}.stat-icon-orange{background:linear-gradient(135deg,var(--primary-orange) 0,#ff9500 100%);color:var(--white)}.stat-icon-blue{background:linear-gradient(135deg,var(--dark-blue) 0,var(--light-blue) 100%);color:var(--white)}.stat-icon-green{background:linear-gradient(135deg,var(--success) 0,#38a169 100%);color:var(--white)}.stat-icon-red{background:linear-gradient(135deg,var(--error) 0,#e53e3e 100%);color:var(--white)}.card-title{border-bottom:2px solid var(--primary-orange);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.recent-sales-list{display:flex;flex-direction:column;gap:1rem}.recent-sale-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.app.light .recent-sale-item{background-color:var(--gray-100)}.app.dark .recent-sale-item{background-color:var(--gray-700)}.recent-sale-item:hover{transform:translateX(5px)}.sale-info{display:flex;flex-direction:column;gap:.25rem}.sale-id{font-weight:600}.sale-time{font-size:.875rem;opacity:.7}.sale-details{text-align:right}.sale-items{font-size:.875rem;margin-bottom:.25rem;opacity:.7}.sale-total{color:var(--success);font-size:1.125rem;font-weight:700}.empty-state{padding:3rem 2rem;text-align:center}.empty-icon{margin:0 auto 1rem;opacity:.3}.empty-subtitle{font-size:.875rem;margin-top:.5rem;opacity:.6}.quick-actions{display:flex;flex-direction:column;gap:1rem}.quick-action-btn{align-items:center;border:2px solid #0000;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.app.light .quick-action-btn{background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);color:var(--gray-900)}.app.dark .quick-action-btn{background:linear-gradient(135deg,var(--gray-700) 0,var(--gray-800) 100%);color:var(--white)}.quick-action-btn:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px #ff8c0033}.quick-action-btn h4{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.quick-action-btn p{font-size:.875rem;opacity:.7}.sales-page{display:flex;flex-direction:column;height:calc(100vh - 4rem)}.sales-container{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 400px;overflow:hidden}.products-section{display:flex;flex-direction:column;overflow:hidden}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1 1;min-width:200px;position:relative}.search-input{border:2px solid #0000;border-radius:8px;font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease;width:100%}.app.light .search-input{background-color:var(--white);border-color:var(--gray-300);color:var(--gray-900)}.app.dark .search-input{background-color:var(--gray-800);border-color:var(--gray-700);color:var(--white)}.search-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff8c001a;outline:none}.search-icon{left:1rem;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.products-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding-right:.5rem}.product-card{border:2px solid #0000;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.app.light .product-card{background-color:var(--white);border-color:var(--gray-200)}.app.dark .product-card{background-color:var(--gray-800);border-color:var(--gray-700)}.product-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px #ff8c0033}.product-info{margin-bottom:1rem}.product-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.product-sku{margin-bottom:.25rem}.product-sku,.product-stock{font-size:.875rem;opacity:.7}.low-stock{color:var(--error);font-weight:600}.product-footer{align-items:center;display:flex;justify-content:space-between}.product-price{color:var(--primary-orange);font-size:1.25rem;font-weight:700}.add-btn{align-items:center;background-color:var(--primary-orange);border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.add-btn:hover{box-shadow:0 4px 12px #ff8c004d;transform:scale(1.1)}.cart-section{border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.app.light .cart-section{background-color:var(--white);border:1px solid var(--gray-200)}.app.dark .cart-section{background-color:var(--gray-800);border:1px solid var(--gray-700)}.cart-header{align-items:center;border-bottom:2px solid var(--primary-orange);display:flex;gap:.75rem;padding:1.5rem}.cart-header h2{font-size:1.5rem;font-weight:700}.cart-items{flex:1 1;overflow-y:auto;padding:1rem}.empty-cart{padding:3rem 2rem;text-align:center}.cart-item{animation:slideInRight .3s ease-out;border-radius:8px;margin-bottom:.75rem;padding:1rem}.app.light .cart-item{background-color:var(--gray-100)}.app.dark .cart-item{background-color:var(--gray-700)}.cart-item-info{margin-bottom:.75rem}.cart-item-info h4{font-weight:600;margin-bottom:.25rem}.cart-item-price{font-size:.875rem;opacity:.7}.cart-item-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.quantity-controls{align-items:center;display:flex;gap:.75rem}.quantity-btn{align-items:center;background-color:var(--primary-orange);border:none;border-radius:6px;color:var(--white);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.quantity-btn:hover{background-color:#e67e00;transform:scale(1.1)}.quantity-display{font-weight:600;min-width:30px;text-align:center}.remove-btn{background:none;border:none;border-radius:4px;color:var(--error);cursor:pointer;padding:.25rem;transition:all .3s ease}.remove-btn:hover{background-color:var(--error);color:var(--white)}.cart-item-total{color:var(--primary-orange);font-size:1.125rem;font-weight:700;text-align:right}.cart-footer{border-top:2px solid;padding:1.5rem}.app.light .cart-footer{border-top-color:var(--gray-200)}.app.dark .cart-footer{border-top-color:var(--gray-700)}.cart-total{align-items:center;display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;margin-bottom:1rem}.total-amount{color:var(--primary-orange);font-size:1.75rem;font-weight:700}.checkout-btn{font-size:1.125rem;padding:1rem;width:100%}.checkout-btn:disabled{cursor:not-allowed;opacity:.5}.scanner-modal{max-width:500px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.modal-header h2{font-size:1.5rem;font-weight:700}.modal-header button{background:none;border:none;border-radius:8px;cursor:pointer;padding:.5rem;transition:all .3s ease}.app.light .modal-header button{color:var(--gray-600)}.app.dark .modal-header button{color:var(--gray-400)}.modal-header button:hover{background-color:var(--error);color:var(--white)}.scanner-container{padding:2rem;text-align:center}.scanner-icon{animation:pulse 2s infinite;color:var(--primary-orange);margin-bottom:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.barcode-input{border:2px solid var(--primary-orange);border-radius:8px;font-size:1rem;margin-top:1.5rem;padding:1rem;text-align:center;width:100%}.app.light .barcode-input{background-color:var(--gray-100);color:var(--gray-900)}.app.dark .barcode-input{background-color:var(--gray-700);color:var(--white)}.receipt-modal{max-width:400px}.receipt-content{padding:2rem;text-align:center}.receipt-check{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,var(--success) 0,#38a169 100%);border-radius:50%;color:var(--white);display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.receipt-content h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.receipt-total{color:var(--primary-orange);font-size:2.5rem;font-weight:700;margin-bottom:2rem}.receipt-actions{display:flex;flex-direction:column;gap:1rem}.inventory-page{animation:fadeIn .5s ease-in}.inventory-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stat-box{border-radius:12px;padding:1.5rem;transition:all .3s ease}.app.light .stat-box{background-color:var(--white);border:1px solid var(--gray-200)}.app.dark .stat-box{background-color:var(--gray-800);border:1px solid var(--gray-700)}.stat-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-box h3{font-size:.875rem;font-weight:600;margin-bottom:.75rem;opacity:.7;text-transform:uppercase}.stat-box .stat-value{color:var(--primary-orange);font-size:2rem;font-weight:700}.alert-box{border:2px solid var(--error)}.alert-box .stat-value{color:var(--error)}.inventory-controls{margin-bottom:1.5rem}.empty-message{padding:3rem 2rem;text-align:center}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.edit-btn{background-color:var(--dark-blue);color:var(--white)}.edit-btn:hover{background-color:var(--light-blue);transform:scale(1.1)}.delete-btn{background-color:var(--error);color:var(--white)}.delete-btn:hover{background-color:#e53e3e;transform:scale(1.1)}.badge-category{background-color:var(--dark-blue);color:var(--white)}.product-form{padding:1.5rem 0}.form-actions{border-top:1px solid;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.app.light .form-actions{border-top-color:var(--gray-200)}.app.dark .form-actions{border-top-color:var(--gray-700)}@media (max-width:1024px){.inventory-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.inventory-stats{grid-template-columns:1fr}.table-container{overflow-x:auto}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reports-page{animation:fadeIn .5s ease-in}.report-card{align-items:center;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.app.light .report-card{background-color:var(--white);border:1px solid var(--gray-200)}.app.dark .report-card{background-color:var(--gray-800);border:1px solid var(--gray-700)}.report-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.report-icon{align-items:center;border-radius:12px;color:var(--white);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.revenue-icon{background:linear-gradient(135deg,var(--success) 0,#38a169 100%)}.sales-icon{background:linear-gradient(135deg,var(--primary-orange) 0,#ff9500 100%)}.avg-icon{background:linear-gradient(135deg,var(--dark-blue) 0,var(--light-blue) 100%)}.report-label{font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;opacity:.7;text-transform:uppercase}.report-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.report-trend{color:var(--success);font-size:.875rem;font-weight:500}.chart-card{padding:2rem}.chart-card .card-title{margin-bottom:2rem}.settings-page{animation:fadeIn .5s ease-in}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.settings-section{padding:2rem}.settings-header{align-items:center;border-bottom:2px solid var(--primary-orange);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.settings-header h2{font-size:1.5rem;font-weight:700}.settings-item{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.app.light .settings-item{background-color:var(--gray-100)}.app.dark .settings-item{background-color:var(--gray-700)}.settings-item:hover{transform:translateX(5px)}.settings-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.settings-info p{font-size:.875rem;opacity:.7}.theme-toggle{border:none;border-radius:18px;cursor:pointer;height:36px;padding:3px;position:relative;transition:all .3s ease;width:70px}.theme-toggle.light{background:linear-gradient(135deg,var(--primary-orange) 0,#ffb84d 100%)}.theme-toggle.dark{background:linear-gradient(135deg,var(--dark-blue) 0,#1e3a5f 100%)}.theme-toggle-slider{align-items:center;background-color:var(--white);border-radius:50%;color:var(--gray-700);display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.theme-toggle.light .theme-toggle-slider{transform:translateX(0)}.theme-toggle.dark .theme-toggle-slider{transform:translateX(34px)}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--gray-400);border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background:linear-gradient(135deg,var(--primary-orange) 0,#ffb84d 100%)}input:checked+.slider:before{transform:translateX(26px)}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.info-item{border-radius:10px;padding:1.5rem;text-align:center}.app.light .info-item{background-color:var(--gray-100)}.app.dark .info-item{background-color:var(--gray-700)}.info-label{font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;opacity:.7;text-transform:uppercase}.info-value{color:var(--primary-orange);font-size:1.125rem;font-weight:700}.developer-section{grid-column:1/-1}.developer-profile{align-items:flex-start;display:flex;gap:2rem}.developer-image-container{flex-shrink:0}.developer-image-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-orange) 0,var(--dark-blue) 100%);color:var(--white);display:flex;justify-content:center}.developer-image,.developer-image-placeholder{border-radius:50%;box-shadow:0 10px 30px #ff8c004d;height:150px;width:150px}.developer-image{border:4px solid var(--primary-orange);object-fit:cover}.developer-info{flex:1 1}.developer-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--dark-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.developer-title{font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:1.5rem;opacity:.8}.developer-bio{font-size:.95rem;line-height:1.8}.developer-bio p{margin-bottom:1rem}.developer-skills{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:1rem 0;padding:0}.developer-skills li{border-radius:6px;font-size:.95rem;font-weight:500;padding:.5rem;transition:all .3s ease}.app.light .developer-skills li{background-color:var(--gray-100)}.app.dark .developer-skills li{background-color:var(--gray-700)}.developer-skills li:hover{background:linear-gradient(135deg,#ff8c001a,#1532541a);transform:translateX(5px)}.developer-description{border-left:3px solid var(--primary-orange);border-radius:4px;font-style:italic;margin-top:1rem;opacity:.9;padding:1rem}.app.light .developer-description{background-color:var(--gray-100)}.app.dark .developer-description{background-color:var(--gray-700)}.developer-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.developer-btn{align-items:center;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.hire-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:#fff}.hire-btn:hover{box-shadow:0 6px 20px #25d36666}.developer-btn:hover{transform:translateY(-2px)}@media (max-width:1024px){.settings-grid{grid-template-columns:1fr}.developer-profile{align-items:center;flex-direction:column;text-align:center}.developer-skills{grid-template-columns:1fr}.developer-description{border-left:none;border-top:3px solid var(--primary-orange);text-align:left}.developer-actions{align-items:stretch;flex-direction:column}.developer-btn{justify-content:center}}.tour-overlay{background:#000000b3;height:100%;left:0;top:0;width:100%;z-index:10000}.tour-overlay,.tour-spotlight{pointer-events:none;position:fixed}.tour-spotlight{z-index:10001}.spotlight-border{animation:borderGlow 3s linear infinite;border:3px solid;border-image:linear-gradient(135deg,var(--primary-orange) 0,gold 25%,var(--dark-blue) 50%,gold 75%,var(--primary-orange) 100%) 1;border-radius:12px;box-shadow:0 0 20px #ff8c0099,0 0 40px #ff8c0066,inset 0 0 20px #ff8c0033;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes borderGlow{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.5)}}.spotlight-pulse{background:radial-gradient(circle,#ff8c004d 0,#0000 70%);border-radius:16px;bottom:-10px;left:-10px;right:-10px;top:-10px}.spotlight-pointer,.spotlight-pulse{pointer-events:none;position:absolute}.spotlight-pointer{bottom:-45px;color:var(--primary-orange);filter:drop-shadow(0 0 8px rgba(255,140,0,.8));right:-45px}.tour-tooltip{max-width:400px;pointer-events:all;position:fixed;z-index:10002}.tour-tooltip.center{max-width:500px}.tooltip-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ff8c0033;padding:1.5rem}.app.light .tooltip-content{background:linear-gradient(135deg,#fffffffa,#fff5e6fa);color:var(--gray-900)}.app.dark .tooltip-content{background:linear-gradient(135deg,#1e1e28fa,#141e32fa);color:var(--white)}.tooltip-arrow{border-style:solid;height:0;position:absolute;width:0}.tooltip-arrow.right{border-width:12px 12px 12px 0;left:-12px;top:50%;transform:translateY(-50%)}.app.light .tooltip-arrow.right{border-color:#0000 #fffffffa #0000 #0000}.app.dark .tooltip-arrow.right{border-color:#0000 #1e1e28fa #0000 #0000}.tooltip-arrow.left{border-width:12px 0 12px 12px;right:-12px;top:50%;transform:translateY(-50%)}.app.light .tooltip-arrow.left{border-color:#0000 #0000 #0000 #fffffffa}.app.dark .tooltip-arrow.left{border-color:#0000 #0000 #0000 #1e1e28fa}.tooltip-arrow.bottom{border-width:0 12px 12px;left:50%;top:-12px;transform:translateX(-50%)}.app.light .tooltip-arrow.bottom{border-color:#0000 #0000 #fffffffa}.app.dark .tooltip-arrow.bottom{border-color:#0000 #0000 #1e1e28fa}.tooltip-arrow.top{border-width:12px 12px 0;bottom:-12px;left:50%;transform:translateX(-50%)}.app.light .tooltip-arrow.top{border-color:#fffffffa #0000 #0000}.app.dark .tooltip-arrow.top{border-color:#1e1e28fa #0000 #0000}.tooltip-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.tooltip-icon{animation:sparkle 2s ease-in-out infinite;color:var(--primary-orange)}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.8;transform:rotate(180deg) scale(1.1)}}.tooltip-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-orange) 0,var(--dark-blue) 100%);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.tooltip-close{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;padding:.25rem;transition:all .2s ease}.app.light .tooltip-close{color:var(--gray-600)}.app.dark .tooltip-close{color:var(--gray-400)}.tooltip-close:hover{background-color:var(--error);color:var(--white);transform:rotate(90deg)}.tooltip-description{font-size:.95rem;line-height:1.6;margin-bottom:1.25rem;opacity:.9}.tooltip-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.25rem;padding:.75rem 0}.progress-dot{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.app.light .progress-dot{background-color:var(--gray-300)}.app.dark .progress-dot{background-color:var(--gray-600)}.progress-dot.active{background:linear-gradient(135deg,var(--primary-orange) 0,var(--dark-blue) 100%);border-radius:4px;box-shadow:0 2px 8px #ff8c0066;width:24px}.progress-dot.completed{background-color:var(--success);box-shadow:0 2px 6px #10b9814d}.tooltip-actions{align-items:center;border-top:1px solid;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.app.light .tooltip-actions{border-top-color:var(--gray-200)}.app.dark .tooltip-actions{border-top-color:var(--gray-700)}.tooltip-left{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.tooltip-buttons{display:flex;flex-shrink:0;gap:.5rem}.dont-show-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;-webkit-user-select:none;user-select:none}.dont-show-checkbox input[type=checkbox]{accent-color:var(--primary-orange);cursor:pointer;height:16px;width:16px}.dont-show-checkbox span{opacity:.8}.btn-text{background:none;border:none;color:var(--primary-orange);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.btn-text:hover{opacity:.8;text-decoration:underline}.btn-sm{align-items:center;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.25rem;white-space:nowrap}@media (max-width:768px){.tour-tooltip{bottom:20px!important;left:50%!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important}.tour-tooltip,.tour-tooltip.center{max-width:90vw}.tooltip-content{padding:1.25rem}.tooltip-arrow{display:none}.tooltip-header h3{font-size:1.1rem}.tooltip-description{font-size:.9rem}.tooltip-actions{flex-direction:column;gap:.75rem}.tooltip-buttons,.tooltip-left{justify-content:center;width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip{animation:slideIn .3s ease-out}
/*# sourceMappingURL=main.8703d993.css.map*/