html,body,#root{width:100%;margin:0;padding:0;overflow-x:hidden;height:100%}body{font-family:Inter,system-ui,sans-serif;background:#f4f6fb;color:#111827}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav-header{width:100%;background:#fff;border-bottom:1px solid #e2e8f0;min-height:80px;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #00000008}.header-flex{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-group{display:flex;align-items:center;gap:15px;text-decoration:none}.logo-img{height:42px;width:auto;object-fit:contain;display:block}.logo-divider{font-size:1.6rem;color:#cbd5e1;font-weight:300}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.login-content{flex:1;display:flex;align-items:center;justify-content:center;background:url(/achtergrond.png) no-repeat center center;background-size:cover;padding:2rem}.card-login{background:#fff;width:100%;max-width:420px;padding:2.5rem;border-radius:16px;box-shadow:0 10px 40px #00000026;text-align:center}.form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.card{background:#fff;border-radius:14px;padding:2rem;box-shadow:0 4px 14px #00000014;margin-bottom:1.5rem}.card-profile{background:#fff;width:100%;max-width:600px;padding:2.5rem;border-radius:16px;box-shadow:0 10px 40px #00000026;position:relative;z-index:10}.form-label{display:block;font-weight:600;font-size:.9rem;color:#374151;margin-bottom:.4rem}.form-row{display:flex;gap:1rem}.form-col{flex:1}.kvk-wrapper{display:flex;gap:10px}.header-actions{display:flex;align-items:center;gap:1rem}.admin-wrapper{position:relative}.admin-dropdown{position:absolute;top:calc(100% + 15px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;border:1px solid #e5e7eb;width:220px;display:flex;flex-direction:column;z-index:2000;overflow:hidden}.dropdown-title{padding:.8rem 1.2rem;font-size:.75rem;font-weight:800;color:#94a3b8;border-bottom:1px solid #f1f5f9;background:#f8fafc}.admin-dropdown a{padding:.8rem 1.2rem;text-decoration:none;color:#1e293b;font-size:.9rem;border-bottom:1px solid #f8fafc}.admin-dropdown a:hover{background:#f1f5f9;color:#06f}.input{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;box-sizing:border-box}.input:focus{outline:none;border-color:#06f;background-color:#fff;box-shadow:0 0 0 3px #0066ff1a}.btn{border:none;cursor:pointer;font-size:1rem;font-weight:600;border-radius:8px;transition:background .2s;padding:.75rem 1.5rem;display:inline-flex;align-items:center;justify-content:center}.btn--primary{background-color:#06f;color:#fff}.btn--primary:hover{background-color:#0052cc}.btn-secondary{background:#fff;border:2px solid #0066ff;color:#06f}.btn--danger{background:#fee2e2;color:#dc2626}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:.75rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-weight:500;cursor:pointer;margin-bottom:1rem}.login-separator{margin:1.5rem 0;color:#94a3b8;font-size:.9rem;text-align:center}@media(max-width:600px){.desktop-only{display:none!important}.mobile-only{display:inline-block!important}.logo-img{height:30px}.nav-header{padding:.5rem 0;min-height:60px}.container{padding:0 1rem}.form-row{flex-direction:column!important;gap:.8rem!important}.form-col{width:100%!important;flex:none!important}.kvk-wrapper{flex-direction:column!important}.card{padding:1.2rem!important}.card-login,.card-profile{padding:1.5rem!important}.dash-grid-main{grid-template-columns:1fr!important;gap:1rem!important}.dash-grid-sub{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.dash-points-card{padding:1.5rem!important}.dash-points-number{font-size:2rem!important}.dash-welcome h1{font-size:1.4rem!important}.dash-main-btn{padding:1.2rem!important;font-size:.95rem!important}.dash-sub-btn{padding:.8rem!important;font-size:.85rem!important}.shop-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.shop-grid{grid-template-columns:1fr!important;gap:16px!important}.shop-filter-bar{gap:6px!important}.shop-filter-bar button{padding:6px 14px!important;font-size:.82rem!important}.reg-row-group{grid-template-columns:1fr!important;gap:.8rem!important}.reg-card{padding:1.2rem!important}.reg-page{padding:.5rem!important;align-items:flex-start!important}.myreg-container{padding:12px!important}.myreg-table{font-size:.82rem!important;min-width:500px!important}.myreg-table th,.myreg-table td{padding:8px 6px!important}.myreg-detail-grid{grid-template-columns:1fr!important;gap:12px!important}.orders-card{padding:14px!important}.orders-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.settings-card{padding:1.2rem!important;max-width:100%!important}.settings-page{padding:1rem .5rem!important}.settings-kvk-row{flex-direction:column!important}.settings-kvk-row input{flex:none!important;width:100%!important}}.footer{width:100%;background:#009ee3;color:#fff;padding:1.5rem 0;margin-top:auto;font-size:.9rem}.footer-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:2rem;align-items:center}.footer-link{color:#fff;text-decoration:none;font-weight:700;transition:opacity .2s}.footer-link:hover{opacity:.8;text-decoration:underline}.footer-copy{font-weight:600;text-align:right}@media(max-width:768px){.footer-flex{flex-direction:column;text-align:center;gap:1.5rem}.footer-links{flex-direction:column;gap:1rem}.footer-copy{text-align:center}}@media(min-width:601px)and (max-width:1024px){.reg-row-group{grid-template-columns:1fr 1fr!important}.admin-dropdown{width:200px}.dash-grid-sub{grid-template-columns:1fr 1fr!important}}.myreg-container{max-width:1100px;margin-left:auto;margin-right:auto}@media(max-width:768px){input,select,textarea{font-size:16px!important}.btn,.input{min-height:44px}.admin-dropdown{max-height:calc(100vh - 110px);overflow-y:auto}.card-profile{padding:1.2rem!important}}@media(max-width:380px){.logo-img{height:26px!important}.nav-header{min-height:56px!important}.container{padding:0 .75rem!important}.card-login,.card-profile{padding:1.2rem!important;border-radius:10px!important}.dash-grid-main,.dash-grid-sub{gap:.75rem!important}.dash-main-btn{padding:1rem!important;font-size:.95rem!important}.dash-sub-btn{padding:.75rem!important;font-size:.85rem!important}.dash-points-number{font-size:1.8rem!important}.shop-grid{grid-template-columns:1fr!important}.reg-page{padding:.5rem 0!important;align-items:flex-start!important}.reg-card{border-radius:0!important;box-shadow:none!important}.settings-page{padding:.5rem 0!important;align-items:flex-start!important}.settings-card{border-radius:0!important;box-shadow:none!important}.footer-links{gap:.6rem!important}}.bb-media:hover .bb-overlay,.bb-media:active .bb-overlay{opacity:1!important}@media(hover:none){.bb-overlay{opacity:.7!important}}@media(max-width:600px){.bb-grid{grid-template-columns:1fr!important;gap:16px!important}.bb-page{padding:1rem .75rem!important}.bb-page h1{font-size:1.4rem!important}.bb-filters{gap:6px!important}.bb-filters button{padding:6px 12px!important;font-size:.8rem!important}.bb-card-content{padding:12px 14px 14px!important}.bb-card-content h3{font-size:.95rem!important}.bb-admin-top,.bb-admin-form-grid{grid-template-columns:1fr!important}.bb-admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.bb-admin-table-wrap table{min-width:600px}.bb-admin-search{flex-direction:column!important;gap:.5rem!important}.bb-admin-search input{width:100%!important}.bb-admin-card{padding:1rem!important}.bb-admin-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:.5rem!important}.bb-admin-stats>div{padding:.7rem .8rem!important}}@media(min-width:601px)and (max-width:900px){.bb-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.bb-admin-top{grid-template-columns:1fr!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background:#eef3fb;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body{display:block;line-height:1.5;-webkit-font-smoothing:antialiased;color:#1c1c1c}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}table{width:100%;border-collapse:collapse}th,td{padding:.6rem;text-align:left}.center{text-align:center}.admin-container{display:flex;width:100%;min-height:100vh;background:#f5f7fb}.admin-menu{width:240px;background:#fff;border-right:1px solid #ddd;padding:20px;height:100vh;position:sticky;top:0}.admin-menu a{display:block;margin-bottom:12px;text-decoration:none;color:#004aad;font-weight:500}.admin-menu a:hover{color:#001f5c}.admin-content{flex:1;padding:30px}.admin-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto}.admin-title{font-size:2rem;margin-bottom:2rem;color:#036}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:14px;box-shadow:0 3px 10px #00000014;transition:transform .15s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{margin-bottom:.5rem;color:#444}.stat-card p{font-size:2rem;font-weight:700;color:#004aad}.admin-filters{display:flex;gap:1rem;margin-bottom:1rem}.admin-filters select,.admin-filters input{padding:.6rem;border-radius:8px;border:1px solid #ddd}.text-green{color:green;font-weight:700}.text-red{color:#d33;font-weight:700}.pagination{margin-top:1rem;display:flex;gap:1rem;justify-content:center;align-items:center}.pagination button{padding:.5rem 1rem;border-radius:6px;border:none;background:#004aad;color:#fff;cursor:pointer}.pagination button:disabled{background:#aaa;cursor:not-allowed}.admin-layout{display:flex;min-height:100vh;background:#f5f7fb}.admin-menu{width:260px;background:#fff;padding:1.5rem;box-shadow:2px 0 8px #0000000f;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:10}.admin-content{margin-left:260px;padding:2rem;width:calc(100% - 260px)}.admin-nav a{display:block;padding:.8rem .6rem;text-decoration:none;color:#004;font-weight:500;border-radius:6px;margin-bottom:.5rem;transition:.2s}.admin-nav a:hover{background:#e8f0ff}.admin-search{padding:.7rem;width:280px;margin-bottom:1rem;border-radius:8px;border:1px solid #ccc}.admin-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #0000000d}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #eee}.admin-select{padding:6px;border-radius:6px;border:1px solid #ccc}.admin-btn{background:#004aad;color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none}.admin-empty{text-align:center;padding:20px;color:#777}.admin-pagination{margin-top:1rem;display:flex;justify-content:center;gap:1rem;align-items:center}.admin-page-btn{padding:8px 14px;border-radius:6px;border:1px solid #888;cursor:pointer}.admin-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}@media(max-width:768px){.admin-content{margin-left:0!important;width:100%!important;padding:1rem!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stat-card{padding:1rem!important}.stat-card p{font-size:1.5rem!important}.admin-filters{flex-direction:column!important;gap:.6rem!important}.admin-filters select,.admin-filters input,.admin-search{width:100%!important}.admin-tab-bar,[class*=tabBar]{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:4px}.admin-table,.myreg-table{min-width:600px}.admin-pagination,.pagination{flex-wrap:wrap;gap:.5rem!important;font-size:.85rem!important}.admin-title{font-size:1.4rem!important;margin-bottom:1rem!important}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr!important}}