* Reset Dasar */ body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f4f7f6;color:#333}.container{max-width:800px;margin:0 auto;padding:20px}.full-screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#e0f2f1}.card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#047857;color:#fff}.btn-primary:hover{background-color:#065f46}.btn-secondary{background-color:#10b981;color:#fff}.btn-danger{background-color:#ef4444;color:#fff}.btn-ghost{background-color:transparent;color:#555;border:1px solid #ddd}.btn-block{width:100%;display:block}.form-group{margin-bottom:15px}.label{display:block;margin-bottom:5px;font-weight:600;font-size:.9em;color:#555}.input,.select,.textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px}.input:focus{border-color:#047857;outline:none}.navbar{background:#fff;padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px #0000000d}.logo{font-size:1.2rem;font-weight:700;color:#047857}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#ecfdf5;color:#1f2937}.admin-container{min-height:100vh}.admin-navbar{background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.admin-navbar h1{color:#065f46;margin:0;font-size:20px;font-weight:900}.admin-content{max-width:1200px;margin:0 auto;padding:20px}.table-container{width:100%;overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-top:20px}.order-list-desktop{display:block}.order-list-mobile{display:none}table{width:100%;border-collapse:collapse;min-width:900px}table th{padding:15px;text-align:left;background-color:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:12px;color:#6b7280;text-transform:uppercase}table td{padding:15px;vertical-align:top;border-bottom:1px solid #f3f4f6}.table-center{text-align:center!important}.price-column{text-align:center!important;font-weight:700;color:#065f46;white-space:nowrap!important}.input-meja{width:80px;padding:8px;text-align:center;border:1px solid #d1d5db;border-radius:6px;background-color:#f9fafb;font-weight:700}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#fff}.badge-green{background-color:#10b981}.badge-red{background-color:#ef4444}.badge-yellow{background-color:#f59e0b;color:#78350f}.order-card{border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin:12px;background:#fff;box-shadow:0 2px 10px #0000000a}.order-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px dashed #e5e7eb}.order-time{font-weight:800;color:#065f46}.order-date{font-size:12px;color:#6b7280}.order-card-row{display:flex;gap:10px;padding-top:10px}.order-label{width:90px;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.order-value{flex:1;font-size:14px;color:#111827}.order-sep{color:#9ca3af;margin:0 6px}.order-items{display:grid;gap:6px}.order-item{white-space:nowrap}.order-notes{margin-top:8px;display:inline-block}.order-card-footer{display:flex;justify-content:flex-end;padding-top:12px}.order-total{font-weight:900;color:#065f46;background:#ecfdf5;border-radius:999px;padding:6px 12px;font-size:14px}@media(max-width:768px){.admin-navbar{padding:12px 16px;gap:10px;flex-wrap:wrap}.admin-content{padding:12px}.table-container{box-shadow:none;background:transparent;border-radius:0}.order-list-desktop{display:none}.order-list-mobile{display:grid;gap:12px}}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{flex:1;padding:12px;border:none;background:#fff;border-radius:8px;font-weight:700;cursor:pointer}.tabs button.active{background:#065f46;color:#fff}.btn{padding:8px 16px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.btn-primary{background:#065f46;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-ghost{background:transparent}.btn-sm{font-size:11px;padding:5px 10px}.flex-col{display:flex;flex-direction:column}.gap-2{gap:8px}.table-container.no-border{border:none!important;box-shadow:none!important;background:transparent!important}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.menu-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center;border:1px solid #eee}.menu-info{flex:1}.menu-title{margin:0;font-size:1.1rem;font-weight:800;color:#1f2937}.price-text{font-weight:900;color:#047857;margin:0}.category-tag{font-size:10px;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-weight:700;color:#6b7280}.menu-actions{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;min-width:100px}.animate-fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flex-1{flex:1}.clean-table{width:100%;border-collapse:collapse;border:none!important}.clean-table th{background-color:transparent!important;border-bottom:none!important;padding:15px;color:#6b7280;font-size:12px}.clean-table td{border-bottom:none!important;padding:20px 15px;vertical-align:top}.clean-table tbody tr:hover{background-color:#065f460d;border-radius:12px}.force-nowrap{white-space:nowrap!important}.input-meja{border:1px solid transparent!important;background-color:#f3f4f6;border-radius:8px;padding:8px;width:60px;text-align:center}.flex{display:flex;gap:10px;align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-lg{font-size:1.2rem;font-weight:700}.text-primary{color:#047857}.mt-4{margin-top:20px}.mb-4{margin-bottom:20px}.badge{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:700}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-yellow{background:#fef3c7;color:#92400e}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;padding:30px;border-radius:12px;width:100%;max-width:400px;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}