:root{font-family:Tahoma,Verdana,Arial,sans-serif;color:#26322f;background:#f6f2ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading{height:100vh;display:grid;place-items:center;font:600 32px Tahoma,Verdana,Arial,sans-serif;color:#497f7a}.app{min-height:100vh;padding:0 3vw 28px}.top{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #dad5ca}.logo,.profile,.top nav,.intro,.legend,.editor header,.editor footer,.title-row,.choices,.app-foot{display:flex;align-items:center}.logo{gap:11px}.logo>span,.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#497f7a;color:#fff;font-weight:700}.logo div{display:flex;flex-direction:column}.logo small{color:#7e8682}.top nav{gap:8px}.icon-btn{border:0;background:transparent;padding:8px;color:#52605c}.icon-btn svg{width:20px}.week-label{border:1px solid #d7d2c7;border-radius:22px;padding:9px 18px;background:#fffcf7;font-weight:600}.profile{justify-content:flex-end;gap:9px;color:#68736f}.intro{justify-content:space-between;padding:34px 5px 27px;gap:24px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#8c6655;font-size:11px;font-weight:700;margin:0 0 7px}.intro h1,.login h1{font:600 clamp(30px,3vw,48px)/1.05 Tahoma,Verdana,Arial,sans-serif;margin:0}.intro h1 em{font-style:italic;color:#497f7a}.legend{gap:12px;flex-wrap:wrap;max-width:480px}.legend span{background:#fffaf3;padding:8px 11px;border:1px solid #e2ddd3;border-radius:18px;font-size:12px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.intro>button,.editor footer button,.login form button{border:0;background:#2f5d58;color:#fff;border-radius:12px;padding:13px 17px;font-weight:700;display:flex;align-items:center;gap:7px}.intro button svg{width:18px}.board{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));border:1px solid #d8d3c9;border-radius:18px;background:#fffaf3;overflow:hidden;min-height:480px}.day{border-right:1px solid #e4ded4}.day:last-child{border:0}.day>header{height:65px;padding:13px 14px;border-bottom:1px solid #e4ded4;display:flex;justify-content:space-between;align-items:center}.day>header span{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#7f8985;font-weight:700}.day>header b{font:600 25px Tahoma,Verdana,Arial,sans-serif}.day-body{padding:11px;min-height:410px}.event{width:100%;display:flex;text-align:left;gap:8px;border:0;border-left:4px solid var(--event);border-radius:10px;background:#f3efe7;padding:10px 8px;margin-bottom:9px;color:#27332f}.event-icon{font-size:18px}.event>span:last-child{min-width:0}.event b,.event small{display:block}.event b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event small{font-size:11px;color:#77817d;margin-top:3px}.avatars{display:flex;margin-top:7px}.avatars i{font-style:normal;font-size:12px;margin-right:-3px;background:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.add-slot{width:100%;border:1px dashed transparent;background:transparent;color:#8b938f;padding:8px;border-radius:9px;opacity:0}.day:hover .add-slot{opacity:1;border-color:#d4cec3}.app-foot{justify-content:center;gap:8px;color:#8a918e;font-size:12px;padding:17px}.app-foot svg{width:15px}.mobile-tabs{display:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#26322f99;display:grid;place-items:center;padding:18px;z-index:10}.editor{width:min(620px,100%);max-height:94vh;overflow:auto;background:#fffaf3;border-radius:20px;padding:25px;box-shadow:0 24px 80px #1f2926aa}.editor header{justify-content:space-between}.editor h2{font:600 27px Tahoma,Verdana,Arial,sans-serif;margin:0 0 20px}.editor label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#596560}.editor input,.editor select,.editor textarea{border:1px solid #d8d2c7;background:#fff;border-radius:10px;padding:11px;color:#26322f}.title-row{gap:10px}.title-row select{width:66px;font-size:21px}.title-row label{flex:1}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.editor fieldset{border:0;padding:0;margin:18px 0}.editor legend{font-size:12px;font-weight:700;margin-bottom:7px}.choices{gap:7px;flex-wrap:wrap}.choices label{display:block;border:1px solid #d9d4ca;padding:8px 10px;border-radius:18px;background:#fff;cursor:pointer}.choices label.chosen{border-color:#497f7a;background:#e8f0ed}.choices input{display:none}.editor textarea{min-height:76px;resize:vertical}.editor>label{margin-top:14px}.editor footer{gap:9px;margin-top:22px}.editor footer span{flex:1}.editor footer .secondary{background:#e7e2d9;color:#4c5854}.editor footer .danger{background:transparent;color:#a24c46;padding-left:0}.editor footer svg{width:16px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:6vw;background:#f6f2ea;gap:8vw}.login-card{max-width:480px;align-self:center}.login .brand-mark{margin-bottom:35px}.login h1{font-size:54px}.muted{color:#727d79;line-height:1.6}.login form{margin-top:28px}.login form label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px}.login input{padding:15px;border:1px solid #d4cec3;border-radius:11px;background:#fffcf7;margin-bottom:12px}.login-art{align-self:center;border-radius:32px;background:#497f7a;padding:45px;color:#e9f0ed;transform:rotate(2deg);box-shadow:20px 24px #e2b669}.login-art>span{text-transform:uppercase;letter-spacing:.15em;font-size:11px}.login-art div{background:#ffffff16;border:1px solid #ffffff25;border-radius:15px;padding:18px;margin-top:15px;font:600 20px Tahoma,Verdana,Arial,sans-serif}.login-art small{font:400 12px Tahoma,Verdana,Arial,sans-serif;color:#d4e1dd}.sent{display:flex;flex-direction:column;gap:8px;background:#e7efec;padding:18px;border-radius:12px}.sent a{color:#2f5d58;font-weight:700}.error{color:#a4423d}@media(max-width:900px){.app{padding:0 14px 20px}.top{grid-template-columns:1fr auto}.top nav{grid-row:2;grid-column:1/3;justify-content:center;padding:10px}.top{height:auto;padding:12px 0}.profile span{display:none}.intro{padding:26px 2px 18px;align-items:flex-end}.intro .legend{display:none}.intro h1{font-size:34px}.intro>button{font-size:0;border-radius:50%;padding:13px}.mobile-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}.mobile-tabs button{border:0;background:transparent;padding:7px 2px;border-radius:11px;color:#7d8783}.mobile-tabs span,.mobile-tabs b{display:block}.mobile-tabs span{font-size:9px;text-transform:uppercase}.mobile-tabs b{font:600 18px Tahoma,Verdana,Arial,sans-serif}.mobile-tabs .active{background:#497f7a;color:#fff}.board{display:block;min-height:0}.day{display:none;border:0}.day.mobile-active{display:block}.day>header{display:none}.day-body{min-height:430px;padding:14px}.event{padding:14px;margin-bottom:11px}.event b{font-size:15px}.add-slot{opacity:1;border-color:#d4cec3}.app-foot{display:none}.login{grid-template-columns:1fr;padding:28px}.login-art{display:none}.login h1{font-size:43px}.two{grid-template-columns:1fr}.editor footer{flex-wrap:wrap}.editor footer span{display:none}.editor footer button{flex:1;justify-content:center}.editor footer .danger{flex-basis:100%}}.board-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:26px 4px 18px}.board-heading h1{font:600 clamp(28px,3vw,42px)/1 Tahoma,Verdana,Arial,sans-serif;margin:0}.board-heading>button{border:0;background:#2f5d58;color:#fff;border-radius:12px;padding:12px 16px;font-weight:700;display:flex;align-items:center;gap:7px}.board-heading svg{width:18px}.family-board{display:grid;grid-template-columns:110px repeat(5,minmax(155px,1fr));grid-template-rows:60px repeat(7,minmax(105px,auto));gap:8px;background:#dedbd3;border:10px solid #eae7df;border-radius:28px;padding:10px;box-shadow:0 18px 44px #34403b14;overflow:auto}.matrix{background:#fffefa;border:1px solid #c9c7c0;border-radius:14px}.corner{display:grid;place-items:center;color:#8a918e;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.member-head{position:relative;display:flex;align-items:center;justify-content:center;border-bottom:4px solid var(--member);font:600 22px Tahoma,Verdana,Arial,sans-serif;color:#35413d}.day-label{display:grid;grid-template-columns:1fr auto;align-content:center;padding:12px 14px;background:#f7f4ed}.day-label span{text-transform:capitalize;font-weight:700;font-size:13px}.day-label b{grid-row:1/3;grid-column:2;font:600 28px Tahoma,Verdana,Arial,sans-serif;align-self:center;color:#4a5752}.day-label small{color:#8a928e;font-size:10px}.plan-cell{min-width:0;padding:8px;display:flex;flex-direction:column;transition:border-color .15s,background .15s}.plan-cell:hover{border-color:#8aa29d;background:#fff}.cell-events{flex:1}.plan-cell .event{padding:8px 9px;margin-bottom:6px;background:color-mix(in srgb,var(--event) 10%,#fff);border-left-width:3px}.plan-cell .event b{font-size:12px}.plan-cell .event small{font-size:10px}.plan-cell .add-slot{margin-top:auto;padding:5px;font-size:10px}.mobile-person{display:none}@media(max-width:900px){.board-heading{padding:22px 2px 14px}.board-heading h1{font-size:30px}.board-heading>button{font-size:0;border-radius:50%;padding:12px}.family-board{display:block;border-width:6px;border-radius:20px;padding:8px;overflow:visible}.family-board>.corner,.family-board>.member-head,.family-board>.day-label{display:none}.family-board>.plan-cell{display:none;min-height:112px;margin-bottom:8px;padding:10px}.family-board>.plan-cell.mobile-active{display:flex}.mobile-person{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid #ebe7df}.mobile-person span{display:block;width:9px;height:9px;border-radius:50%}.mobile-person b{font:600 17px Tahoma,Verdana,Arial,sans-serif}.plan-cell .event{padding:11px}.plan-cell .event b{font-size:14px}.plan-cell .event small{font-size:11px}.plan-cell .add-slot{opacity:1;border-color:#d4cec3;padding:7px}.app-foot{display:none}.login{grid-template-columns:1fr;padding:28px}.login-art{display:none}.login h1{font-size:43px}.two{grid-template-columns:1fr}.editor footer{flex-wrap:wrap}.editor footer span{display:none}.editor footer button{flex:1;justify-content:center}.editor footer .danger{flex-basis:100%}}.activity-tray{display:flex;align-items:center;gap:16px;background:#fffefa;border:1px solid #d7d2c8;border-radius:16px;padding:10px 12px;margin-bottom:12px}.tray-label{width:118px;flex:0 0 auto;display:flex;flex-direction:column}.tray-label b{font-size:12px}.tray-label small{font-size:9px;color:#818a86;margin-top:2px}.activity-scroll{display:flex;gap:7px;overflow-x:auto;padding:2px}.activity-scroll button{flex:0 0 auto;border:1px solid #ded9cf;background:#f8f5ef;color:#4f5b57;border-radius:11px;padding:8px 10px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.activity-scroll button svg{width:16px;height:16px;color:var(--activity)}.activity-scroll button.active{background:color-mix(in srgb,var(--activity) 14%,#fff);border-color:var(--activity);box-shadow:0 0 0 2px color-mix(in srgb,var(--activity) 18%,transparent)}.family-board.placing .plan-cell{cursor:copy}.family-board.placing .plan-cell:hover{border-color:#497f7a;background:#f0f6f3}.event>svg{width:15px;height:15px;flex:0 0 auto;color:var(--event)}.place-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.plan-cell{position:relative}.family-board.placing .plan-cell .add-slot{position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:3;opacity:1;margin:0;border:1px dashed #6c938c;background:#eef6f2e8;color:#315f59;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.family-board.placing .plan-cell:hover .add-slot{background:#e5f1ec;border-color:#315f59}.family-board.placing .plan-cell .add-slot{top:4px!important;right:4px!important;bottom:4px!important;left:4px!important;width:auto!important;height:auto!important;min-height:0!important;z-index:20!important;opacity:1!important;pointer-events:auto!important}.family-board.placing .plan-cell .cell-events,.family-board.placing .plan-cell .mobile-person{pointer-events:none}@media(max-width:900px){.activity-tray{display:block;padding:9px;margin-bottom:10px}.tray-label{width:auto;margin:0 4px 8px}.activity-scroll{margin:0 -2px}.activity-scroll button{padding:8px}}body[data-role=child] .event{cursor:default}body[data-role=child] .event:hover{filter:none}body[data-role=child] .app-foot:after{content:" Kinderen kunnen bekijken en toevoegen; wijzigingen worden door een ouder gedaan."}.text-action{border:1px solid #d7d2c7;background:#fffaf3;border-radius:10px;padding:7px 9px;display:flex;align-items:center;gap:5px;color:#52605c;font-size:11px;font-weight:700}.text-action svg{width:15px;height:15px}.pairing-card{position:relative;width:min(390px,100%);background:#fffefa;border-radius:22px;padding:28px;text-align:center;box-shadow:0 24px 80px #1f2926aa}.pairing-card h2{font:600 27px Tahoma,Verdana,Arial,sans-serif;margin:0}.pairing-card img{display:block;width:min(280px,100%);margin:18px auto;border-radius:14px}.pairing-card p{color:#69736f;font-size:13px;line-height:1.5}.pairing-card a{color:#2f5d58;font-weight:700}.pairing-close{position:absolute;right:14px;top:14px}.admin-page{min-height:100vh;padding:28px 4vw 50px;background:#f6f2ea}.admin-header{display:flex;align-items:center;gap:30px;padding-bottom:24px;border-bottom:1px solid #d8d3c9}.admin-header h1{font:600 38px Tahoma,Verdana,Arial,sans-serif;margin:0}.back-button,.admin-lock button,.add-user button{border:0;background:#2f5d58;color:#fff;border-radius:11px;padding:11px 14px;font-weight:700;display:flex;align-items:center;gap:7px}.back-button svg{width:18px}.admin-lock{width:min(430px,100%);margin:10vh auto;background:#fffefa;border:1px solid #d8d3c9;border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.admin-lock>svg{width:35px;height:35px;color:#497f7a}.admin-lock h2{font:600 27px Tahoma,Verdana,Arial,sans-serif;margin:14px 0 4px}.admin-lock p{color:#75807b}.admin-lock input{width:100%;border:1px solid #d7d2c8;border-radius:10px;padding:13px;margin:10px 0}.admin-lock button{justify-content:center;width:100%}.user-permissions{max-width:1200px;margin:28px auto}.add-user{display:grid;grid-template-columns:1fr 1.4fr 140px auto;gap:10px;align-items:center;background:#e8efec;border:1px solid #c9d8d3;border-radius:15px;padding:14px;margin-bottom:18px}.add-user div{display:flex;flex-direction:column}.add-user small{color:#70807a}.add-user input,.add-user select,.permission-row select{border:1px solid #d3cec4;background:#fff;border-radius:9px;padding:10px}.permission-legend,.permission-row{display:grid;grid-template-columns:minmax(190px,1.5fr) 125px repeat(5,95px) 112px;gap:8px;align-items:center}.permission-legend{padding:8px 14px;color:#808985;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.permission-row{background:#fffefa;border:1px solid #ddd8ce;border-radius:14px;padding:13px 14px;margin-bottom:8px}.account{display:flex;flex-direction:column;min-width:0}.account small{color:#77817d;overflow:hidden;text-overflow:ellipsis}.permission-row label>span{display:none}.permission-toggle{display:flex;justify-content:center;position:relative}.permission-toggle input{position:absolute;opacity:0}.permission-toggle i{width:38px;height:22px;border-radius:20px;background:#cfd3d1;position:relative;transition:.2s}.permission-toggle i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.permission-toggle input:checked+i{background:#497f7a}.permission-toggle input:checked+i:after{transform:translate(16px)}.delete-user{border:0;background:#efe4df;color:#914d47;border-radius:9px;padding:9px 8px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:700}.delete-user svg{width:14px;height:14px}.delete-user:disabled{cursor:not-allowed;opacity:.5;color:#68736f}.admin-error{text-align:center}@media(max-width:900px){.profile .text-action span{display:none}.admin-page{padding:16px}.admin-header{align-items:flex-start;gap:14px}.admin-header h1{font-size:28px}.back-button{font-size:0;padding:10px}.add-user{grid-template-columns:1fr 110px}.add-user div{grid-column:1/3}.add-user button{justify-content:center}.permission-legend{display:none}.permission-row{display:grid;grid-template-columns:1fr 110px;gap:12px}.permission-row .account{grid-column:1/3}.permission-toggle{justify-content:space-between}.permission-toggle span{display:block!important;font-size:12px}.delete-user{grid-column:1/3}.pairing-card{padding:24px 18px}}.access-requests{background:#fff4dd;border:1px solid #e5c985;border-radius:16px;padding:16px;margin-bottom:18px}.access-requests h2{font:600 23px Tahoma,Verdana,Arial,sans-serif;margin:0 0 10px}.access-requests article{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;background:#fffefa;border-radius:11px;padding:10px;margin-top:7px}.access-requests article div{display:flex;flex-direction:column}.access-requests article small{color:#7e837f}.access-requests button{border:0;border-radius:8px;padding:8px 10px;background:#497f7a;color:#fff;font-size:11px;font-weight:700}.access-requests .reject{background:#eee7de;color:#8b4b46}@media(max-width:900px){.access-requests article{grid-template-columns:1fr 1fr}.access-requests article div{grid-column:1/3}.access-requests .reject{grid-column:1/3}}.activity-admin{max-width:1200px;margin:28px auto 18px;background:#fffefa;border:1px solid #ddd8ce;border-radius:16px;padding:18px}.activity-admin h2{font:600 25px Tahoma,Verdana,Arial,sans-serif;margin:0 0 14px}.activity-add{display:grid;grid-template-columns:minmax(180px,1fr) 150px 60px auto;gap:9px;margin-bottom:16px}.activity-add input,.activity-add select,.activity-admin-list input,.activity-admin-list select{min-width:0;border:1px solid #d3cec4;background:#fff;border-radius:9px;padding:9px}.activity-add input[type=color],.activity-admin-list input[type=color]{width:54px;padding:4px}.activity-add button{border:0;background:#2f5d58;color:#fff;border-radius:9px;padding:9px 14px;font-weight:700}.activity-admin-list{display:flex;flex-direction:column;gap:8px}.activity-admin-list article{display:grid;grid-template-columns:28px minmax(160px,1fr) 145px 54px 105px auto;gap:9px;align-items:center;background:#f7f4ed;border:1px solid #e1dcd2;border-radius:12px;padding:9px}.activity-admin-list article>svg{width:20px;height:20px;color:#497f7a;justify-self:center}.delete-activity{border:0;background:#efe4df;color:#914d47;border-radius:9px;padding:9px 10px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.delete-activity svg{width:14px;height:14px}@media(max-width:900px){.activity-admin{padding:14px}.activity-add{grid-template-columns:1fr 105px 54px}.activity-add button{grid-column:1/4}.activity-admin-list article{grid-template-columns:28px 1fr 54px}.activity-admin-list article select{grid-column:1/3}.activity-admin-list article .permission-toggle{grid-column:1/3}.delete-activity{justify-content:center}.activity-admin-list input[type=color]{width:54px}}