:root{color-scheme:dark}*{box-sizing:border-box}a{color:#fd0}button,.button{border:0;border-radius:6px;padding:9px 17px;background:#2857a2;color:white;font:600 17px 'Darker Grotesque',sans-serif;cursor:pointer;transition:background .15s}button:hover,.button:hover{background:#376cc2}button:disabled{opacity:.45;cursor:wait}.danger{background:#81343d}.danger:hover{background:#a8404c}input,select,textarea{font:17px 'Darker Grotesque',sans-serif;border:1px solid #555;border-radius:6px;background:#202020;color:#fff;padding:8px 11px}input[type=checkbox]{width:auto}.editor{max-width:720px;padding:20px;border:1px solid #343434;border-radius:12px;margin-bottom:25px}.editor label{display:block;margin:10px 0}.editor label input:not([type=checkbox]),.editor select,.editor textarea{display:block;width:100%}.editor textarea{min-height:100px}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{text-align:left;border-bottom:1px solid #333;padding:9px}th{color:#ccc}h3{margin-bottom:12px}.notice{background:#1c3042;border-left:4px solid #448fe3;padding:12px;margin:10px 0}.error{background:#47232a;border-color:#d36}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-label{min-width:220px;text-transform:capitalize;font-size:21px}.plate-button{padding:0;background:none;color:#fd0;font-size:20px}.plate-button:hover{background:none;color:#fff}.menu-container{display:flex;gap:10px}.menu-container>a,.menu-container>div,.menu-container>details{position:relative;left:auto;right:auto;width:auto;flex:0 0 200px}.menu-container>.menu-search{flex:1;min-width:120px}.menu-search input{box-sizing:border-box}.menu-container>.menu-customer{flex:0 0 260px}.menu-customer select{width:100%;height:38px;padding:0 8px;border-radius:0}.menu-container>.menu-user{flex:0 0 220px}.menu-user summary{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;list-style:none;padding:0 10px}.account-popover{position:absolute;right:0;top:42px;z-index:20;background:#262626;border:1px solid #555;padding:12px;min-width:200px;color:white}.account-popover a{display:block;margin-bottom:8px}.account-popover form{margin:0}.menu-button{text-decoration:none;color:#000}.content-menu{overflow:auto}.content-menu ul li a{line-height:normal;padding:15px 10px}.content-page-content{padding-bottom:30px}.live-kentekens{width:460px;max-width:100%;overflow:hidden}.live-kenteken-container{width:100%;height:100px;box-sizing:border-box;overflow:hidden}.live-kentekenplaat{font-family:inherit;color:#000;background:#fd0;border:2px solid #b49b00;border-radius:5px;left:95px;right:95px;top:40px;height:45px;line-height:40px;font-weight:800;letter-spacing:2px;font-size:26px}.live-kenteken-camera{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-kenteken-container.entering{animation:slide-in .35s ease-out}@keyframes slide-in{from{height:0;transform:translateY(-45px);opacity:0}to{height:100px;transform:translateY(0);opacity:1}}dialog{background:#151515;color:white;border:1px solid #777;border-radius:14px;width:900px;max-width:90vw;max-height:85vh;overflow:auto}dialog::backdrop{background:#000a}.dialog-close{float:right}.blacklist-card{border:1px solid #333;border-radius:12px;padding:20px;margin:20px 0}.blacklist-card .editor{border:0;padding:0}.empty{color:#999}.status{color:#ccc;font-size:16px}.login-page{color:#222;color-scheme:light}.login-page .content-container{overflow:auto}.login-page h1{font-size:32px}.login-page input{background:#eee;color:#111}.login-page form{max-width:440px;margin:25px auto}.login-page label{display:block;margin-bottom:17px;font-size:20px}.login-page label input{display:block;width:100%;height:48px;margin-top:5px}.login-page button{width:100%;margin:7px 0;font-size:22px}.login-page .secondary{background:#665c4b}.login-page .notice{color:#111;background:#dfebf4}.login-page .error{background:#f5dce0}.login-page .brand{display:block;max-width:100%;margin:30px auto 45px}.login-page .submenu{width:440px;max-width:100%;margin:auto}.login-page a{color:#900}.login-page p{font-size:19px}.login-page .horizontal-container,.login-page .vertical-container{max-width:90vw}
@media(prefers-reduced-motion:reduce){.live-kenteken-container.entering{animation:none}}