.login_page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.15),transparent 40%),linear-gradient(180deg,#f8fafc,#eef2ff)}.login_card{width:100%;max-width:520px;border-radius:18px;background:#fff;box-shadow:0 25px 50px #0000001f,0 0 0 1px #0000000d;overflow:hidden}.login_header{padding:28px 28px 20px;background:linear-gradient(135deg,#6366f11f,#10b9811a);border-bottom:1px solid rgba(0,0,0,.06)}.login_title{font-size:24px;font-weight:800;color:#0f172a}.login_subtitle{margin-top:8px;font-size:14px;color:#475569}.login_form{padding:28px;display:flex;flex-direction:column;gap:16px}.login_label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#1f2937}.login_input{height:50px;padding:0 14px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;font-size:15px;outline:none;transition:all .15s ease}.login_input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e}.login_input::placeholder{color:#9ca3af}.login_error{padding:12px 14px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#991b1b;font-size:14px}.login_btn{height:52px;margin-top:6px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.login_btn:hover{opacity:.95}.login_btn:active{transform:translateY(1px)}.login_btn:disabled{opacity:.55;cursor:not-allowed}.login_hint{text-align:center;margin-top:8px;font-size:13px;color:#6b7280}@media(max-width:640px){.login_card{max-width:100%}.login_header,.login_form{padding:22px}.login_title{font-size:20px}}.navbar{position:fixed;top:0;left:0;height:60px;width:100%;background:#111827;display:flex;align-items:center;padding:0 16px;z-index:100;box-sizing:border-box}.navbar_center{width:100%;display:flex;align-items:center}.navbar_links{display:flex;align-items:center;gap:18px}.navbar_links a{color:#e5e7eb;text-decoration:none;font-size:15px;font-weight:500;cursor:pointer;transition:color .2s ease}.navbar_links a:hover{color:#fff}.navbar_links .logout{color:#f87171}.navbar_links .logout:hover{color:#ef4444}.navbar_btn{background:#2563eb;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.navbar_btn:hover{background:#1e40af}.navbar_burger{display:none;font-size:26px;cursor:pointer;margin-left:auto}@media(max-width:768px){.navbar_links{display:none}.navbar_burger{display:block}.navbar_menu{position:fixed;top:60px;left:0;width:100%;background:#111827;display:flex;flex-direction:column;gap:16px;padding:20px;box-sizing:border-box;border-top:1px solid #1f2937}.navbar_menu a{color:#e5e7eb;font-size:18px;text-decoration:none}.navbar_menu a:hover{color:#fff}.navbar_btn.mobile{width:100%;padding:10px;font-size:16px}.navbar_menu .logout{color:#f87171}}.prod_page{padding:90px 30px 40px}.prod_search{padding-top:15vh;position:fixed;top:60px;left:0;width:100%;padding:14px;background:#fff;z-index:10;border-bottom:1px solid #ddd}.prod_search_input{width:100%;max-width:600px;padding:12px 16px;border-radius:12px;border:1px solid #ccc}.prod_grid{padding-top:17vh;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.prod_card{border-radius:16px;background:#fff;box-shadow:0 10px 30px #0000001a;overflow:hidden}.prod_img{width:100%;height:180px;object-fit:cover}.prod_body{padding:14px}.prod_info div{font-size:14px;margin-bottom:4px}.prod_barcode{margin-top:10px}.prod_admin{margin-top:12px;padding-top:8px;border-top:1px dashed #ccc;font-size:13px;color:#444}.prod_pagination{margin-top:30px;display:flex;justify-content:center;gap:16px}.prod_pagination button{padding:10px 20px;border-radius:10px;border:none;background:#6366f1;color:#fff;cursor:pointer}@media(max-width:768px){.prod_page{padding-top:17vh;padding-left:14px;padding-right:14px}.prod_search{top:15vh;padding:10px}.prod_search_input{width:100%;max-width:100%;font-size:16px}.prod_card{border-radius:14px}.prod_img{height:220px}.prod_body{padding:16px}.prod_info div{font-size:15px}.prod_admin{font-size:14px}.prod_pagination{margin-top:24px;padding-bottom:20px}.prod_pagination button{width:100%;max-width:200px}}@media(max-width:1400px){.prod_grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.prod_grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.prod_grid{grid-template-columns:1fr}}.prod_card.clickable{cursor:pointer}.reports_page{max-width:1200px;margin:0 auto;padding:18px 20px 28px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a}.reports_title{margin:0;font-size:22px;font-weight:700}.reports_subtitle{margin-top:4px;font-size:13px;color:#64748b}.reports_top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.reports_blocked{max-width:520px;margin:48px auto;padding:18px 16px;border-radius:12px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;text-align:center;font-size:16px}.reports_filters{display:grid;grid-template-columns:160px 160px 140px 1fr;gap:12px;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;box-shadow:0 4px 18px #0206170a;margin-bottom:12px}.reports_label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#475569}.reports_input{height:36px;padding:8px 10px;border-radius:10px;border:1px solid #cbd5e1;outline:none;font-size:13px;background:#fff}.reports_input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.reports_hint{font-size:12px;color:#64748b;align-self:center}.reports_btn{height:36px;border:0;border-radius:10px;padding:0 12px;background:#2563eb;color:#fff;cursor:pointer;font-weight:600;transition:transform .05s ease,filter .15s ease}.reports_btn:hover{filter:brightness(.95)}.reports_btn:active{transform:translateY(1px)}.reports_btn:disabled{opacity:.6;cursor:not-allowed}.reports_btn.secondary{background:#0f172a}.reports_tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 10px;margin-bottom:6px}.reports_tab{flex:0 0 auto;height:32px;padding:0 12px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.reports_tab:hover{background:#eef2ff;border-color:#c7d2fe}.reports_tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.reports_content{margin-top:6px}.reports_loading{padding:18px;background:#0b1220;color:#e2e8f0;border-radius:14px}.reports_empty{padding:18px;border-radius:14px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569}.rep_section_title{margin:14px 2px 10px;font-weight:800;color:#0f172a;font-size:14px}.rep_badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#e0e7ff;color:#1e3a8a;border:1px solid #c7d2fe;font-size:12px;font-weight:800}.rep_cards_grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.rep_card{border-radius:14px;background:#fff;border:1px solid #e2e8f0;padding:12px 12px 10px;box-shadow:0 6px 20px #0206170a}.rep_card_title{font-size:12px;color:#64748b;font-weight:700}.rep_card_value{margin-top:6px;font-size:18px;font-weight:900;color:#0f172a}.rep_card_sub{margin-top:2px;font-size:11px;color:#94a3b8}.rep_charts_grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.rep_panel{border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 20px #0206170a;padding:12px}.rep_panel_title{font-size:13px;font-weight:900;color:#0f172a;margin-bottom:8px}.rep_chart{width:100%;height:260px}.reports_text{margin:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;overflow:auto}@media(max-width:980px){.reports_filters{grid-template-columns:1fr 1fr}.reports_hint{grid-column:1 / -1}.rep_cards_grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rep_charts_grid{grid-template-columns:1fr}}@media(max-width:540px){.rep_cards_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.orders_table{width:100%;display:flex;flex-direction:column;border:1px solid #ddd;border-radius:6px;overflow:hidden;margin-top:10px}.orders_head,.orders_row{display:grid;grid-template-columns:120px 120px 1fr 100px 100px 140px;gap:10px;padding:8px 10px;align-items:center}.orders_head{background:#f3f4f6;font-weight:600;border-bottom:1px solid #ddd}.orders_row{border-bottom:1px solid #eee;font-size:14px}.orders_row:last-child{border-bottom:none}.orders_products{display:flex;flex-direction:column;gap:2px}.orders_total{font-weight:600}.orders_status{text-transform:capitalize}.daily_expenses_table{margin-top:16px;padding:14px;color:#0b1220;border:1px solid #1e293b;border-radius:10px}.daily_expenses_row{display:grid;grid-template-columns:1fr 120px 140px;gap:12px;align-items:center;padding:10px 0;color:#0b1220;border-bottom:1px dashed #1e293b}.daily_expenses_row:last-child{border-bottom:none}.dep_name{font-weight:500;color:#e5e7eb;color:#0b1220}.dep_name span{margin-left:6px;font-size:12px;color:#000}.daily_expenses_row input{height:36px;padding:0 10px;border:1px solid #1e293b;border-radius:6px;color:#050606;font-size:14px}.daily_expenses_row input::placeholder{color:#1d1e1f}.daily_expenses_row input:focus{outline:none;border-color:#38bdf8}.daily_expenses_table .reports_btn{margin-top:16px;width:100%}.orders_empty{margin-top:12px;padding:12px;border:1px dashed #334155;border-radius:8px;color:#94a3b8;text-align:center}@media(max-width:700px){.daily_expenses_row{grid-template-columns:1fr;gap:8px}.daily_expenses_row input{width:100%}}body{margin:0;font-family:Arial,sans-serif;background:#f7f7f7;color:#222}.app{display:flex;height:93vh;margin-top:7vh}.main{flex:1;padding:20px 40px;overflow-y:auto}.searchInput{width:80%;padding:15px;font-size:1.5rem;border:2px solid #007bff;color:#222;border-radius:10px;margin-bottom:10px;outline:none}.suggestions{background:#fff;color:#222;border-radius:10px;border:1px solid #ccc;width:80%;margin-bottom:20px}.suggestion{padding:10px;cursor:pointer;transition:background .2s}.suggestion:hover{background:#e9e9e9}.cart .item{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#222;padding:20px;margin-bottom:15px;border-radius:12px;font-size:1.3rem}.cant{color:#222;width:70px;text-align:center;font-size:1.2rem}.del{background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:1.5rem;cursor:pointer;padding:5px 10px}.total{position:fixed;bottom:30px;right:25vw;font-size:2.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.sidebar{width:20vw;background:#222;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;padding:30px}.btn{font-size:1.6rem;padding:20px;border:none;cursor:pointer;color:#fff;border-radius:10px}.btn.green{background:#28a745}.btn.blue{background:#007bff}.btn.red{background:#dc3545}.btn.yellow{background-color:#ffc107;color:#000}.btn.yellow:hover{background-color:#e0a800}.btn.gray{background-color:#6c757d;color:#fff}.btn.gray:hover{background-color:#5a6268}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;width:80%;max-height:90vh;background:#fff;border-radius:10px;padding:20px;overflow-y:auto}.close{position:fixed;top:20px;right:30px;background:#f44;color:#fff;border:none;font-size:22px;font-weight:700;border-radius:50%;width:40px;height:40px;cursor:pointer;z-index:1100}.close:hover{background:#c00}.product-list{margin-top:50px}.product-row{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ddd;cursor:pointer}.product-row:hover{background:#f1f1f1}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:15px 25px;border-radius:10px;font-size:1.3rem;z-index:9999;animation:fadeOut 2s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.manual-total{width:130px;font-size:2rem;text-align:right;border:2px solid #007bff;border-radius:8px;padding:5px 10px;color:#222;background:#fff;outline:none}@media(max-width:768px){.app{flex-direction:column;height:auto;margin-top:7vh}.main{padding:15px}.searchInput{width:100%;font-size:1.2rem;padding:12px}.suggestions{width:100%}.cart .item{flex-direction:column;align-items:flex-start;gap:10px;font-size:1.1rem}.cart .item .cant{width:100%;font-size:1.1rem}.cart .item .price{align-self:flex-end;font-weight:700}.del{align-self:flex-end;font-size:1.2rem}.total{position:static;margin-top:20px;font-size:2rem;justify-content:center}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:15px;gap:10px}.btn{flex:1 1 48%;font-size:1.2rem;padding:15px}}@media(max-width:1024px){.searchInput,.suggestions{width:100%}.sidebar{width:30vw;padding:20px}.btn{font-size:1.3rem;padding:18px}.total{right:32vw;font-size:2.2rem}}.add_product_page{max-width:900px;margin:90px auto 60px;padding:0 20px;font-family:Arial,sans-serif}.add_product_page h2{margin-bottom:25px;font-size:26px;font-weight:600;color:#1f2937}.add_product_form{background:#fff;border-radius:16px;padding:28px;box-shadow:0 15px 40px #00000014;display:flex;flex-direction:column;gap:18px}.add_product_form input,.add_product_form select{padding:14px 16px;font-size:15px;border-radius:10px;border:1px solid #d1d5db;outline:none;transition:all .2s ease;background:#fff;color:#111827}.add_product_form input::placeholder{color:#9ca3af}.add_product_form input:focus,.add_product_form select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.add_product_form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.add_product_form select{cursor:pointer}.dropzone{border:2px dashed #c7d2fe;background:#f8faff;border-radius:14px;padding:22px;text-align:center;color:#4338ca;font-size:15px;cursor:pointer;transition:all .2s ease}.dropzone:hover{background:#eef2ff;border-color:#6366f1}.dropzone span{font-weight:500}.add_product_form button{margin-top:10px;padding:16px;font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transition:all .2s ease}.add_product_form button:hover{opacity:.92}.add_product_form button:disabled{background:#9ca3af;cursor:not-allowed}.form_error{margin-top:18px;padding:14px 18px;background:#fee2e2;border-left:5px solid #dc2626;color:#991b1b;border-radius:10px;font-size:15px}.form_suggestions{margin-top:18px;padding:18px;background:#fffbeb;border-left:5px solid #f59e0b;border-radius:12px}.form_suggestions h4{margin:0 0 12px;color:#92400e}.form_suggestions button{margin-top:10px;padding:10px 14px;border-radius:10px;border:none;cursor:pointer;background:#f59e0b;color:#1f2937;font-weight:600}.form_suggestions button:hover{opacity:.9}.form_success{margin-top:18px;padding:14px 18px;background:#dcfce7;border-left:5px solid #16a34a;color:#065f46;border-radius:10px;font-size:15px}.pos_blocked{margin-top:120px;text-align:center;font-size:18px;color:#991b1b}@media(max-width:640px){.add_product_page{margin-top:70px;padding:0 14px}.add_product_form{padding:22px}.add_product_page h2{font-size:22px}.dropzone{font-size:14px;padding:18px}.add_product_form button{font-size:15px;padding:14px}}.prod_edit{max-width:1000px;margin:20px auto;padding:16px}.prod_edit h2{margin-bottom:16px}.edit_form{display:flex;flex-direction:column;gap:14px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 14px #0000000f}.edit_form label{font-weight:600;font-size:14px}.edit_form input{padding:10px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px;transition:border .2s,box-shadow .2s}.edit_form input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.image_block{display:flex;flex-direction:column;gap:10px}.image_block img{max-width:220px;border-radius:10px;border:1px solid #ddd;background:#f8f8f8}.batch{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px;border:1px solid #e0e0e0;border-radius:10px;background:#fafafa}.batch>div:first-child{grid-column:1 / -1;font-weight:700;margin-bottom:6px}.batch.new{border:2px dashed #3498db;background:#f0f8ff}.batch.new h4{grid-column:1 / -1;margin:0 0 6px;color:#2980b9}.actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.btn{padding:10px 16px;border-radius:8px;cursor:pointer;border:none;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn.green{background:#2ecc71;color:#fff}.btn.green:hover{background:#27ae60}.btn.gray{background:#bdc3c7}.btn.gray:hover{background:#aeb6bf}.btn.blue{background:#3498db;color:#fff}.btn.blue:hover{background:#2980b9}.toast{background:#222;color:#fff;padding:12px 14px;border-radius:8px;margin-bottom:12px;font-size:14px}.loading,.blocked{text-align:center;font-size:16px;padding:30px}@media(max-width:768px){.edit_form{padding:14px}.image_block img{max-width:100%}.batch{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%;text-align:center}}.admin-payments{margin-top:10vh;padding:24px;max-width:520px;margin-left:auto;margin-right:auto;background:#fff;border-radius:10px;box-shadow:0 10px 25px #00000014;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.admin-payments h2{margin-bottom:20px;font-size:22px;font-weight:600;text-align:center;color:#1f2937}.admin-payments h3{margin:18px 0 12px;font-size:16px;font-weight:600;color:#374151;text-align:center}.admin-payments hr{margin:20px 0;border:none;border-top:1px solid #e5e7eb}.admin-payments button{width:100%;padding:12px 16px;font-size:16px;font-weight:500;border:none;border-radius:8px;background-color:#2563eb;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-bottom:12px}.admin-payments button:last-of-type{margin-bottom:0}.admin-payments button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.admin-payments button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.admin-sheet-link{display:block;margin-bottom:18px;padding:10px 12px;text-align:center;font-size:14px;font-weight:500;background-color:#f1f5f9;color:#0f172a;border-radius:8px;border:1px solid #cbd5f5;text-decoration:none;transition:background-color .2s ease,color .2s ease}.admin-sheet-link:hover{background-color:#e0e7ff;color:#1e40af}.admin-result{margin-top:16px;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.4}.admin-result.success{background-color:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.admin-result.error{background-color:#fef2f2;color:#7f1d1d;border:1px solid #fecaca}.admin-denied{margin-top:7vh;text-align:center;color:#7f1d1d;font-weight:500}@media(max-width:480px){.admin-payments{margin-top:6vh;padding:16px}.admin-payments h2{font-size:20px}.admin-payments button{font-size:15px;padding:11px 14px}}@media(max-width:768px){.admin-payments{max-width:90%}}@media(min-width:1200px){.admin-payments{max-width:560px}}.lead_admin_page{max-width:700px;margin:40px auto;padding:20px}.lead_textarea{width:100%;min-height:160px;padding:12px;font-size:14px;resize:vertical}.lead_actions{display:flex;gap:10px;margin:15px 0}.lead_actions button{padding:8px 14px;cursor:pointer}.lead_actions .danger{background:#c62828;color:#fff;border:none}.lead_result{margin-top:20px}.lead_result ul{margin-top:10px;padding-left:20px}.empty{color:#777}.pos_blocked{padding:30px;text-align:center;font-size:18px;color:#c62828}.form_error{margin-top:15px;color:#c62828}.form_success{margin-top:20px;padding:12px;background:#e8f5e9}button:disabled{opacity:.6;cursor:not-allowed}.big_textarea{width:100%;min-height:300px;font-family:monospace;font-size:13px;padding:12px}.log_box{margin-top:15px;background:#111;color:#0f0;padding:10px;font-family:monospace;max-height:200px;overflow:auto}
