:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:var(--base-size);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--light-bg-color: #eaf5f1;--light-greyish-color: #f4f4f1;--greyish-color: #ddddd4;--border-color: #66a58e;--header-color: #3a715c;--card-radius: .5em;--spacing-s: 2px;--spacing-m: 6px;--spacing-l: 12px;--spacing-xl: 18px;--spacing-xxl: 24px;--lable-size: 14px;--base-size: 16px;--color-ok: #3a715c;--color-nok: #d03535;--message-info-border: #4397e0;--message-info-bg: #f0f8ff;--message-error-border: #d03535;--message-error-bg: #fffacd}*{box-sizing:border-box}html,body,#root{max-height:100%;max-width:100%;margin:0;padding:0;display:flex;flex:1 1 auto}#root{flex-direction:column}.content{position:relative;display:flex;flex-direction:column;overflow:auto;padding:24px;flex:1 1 auto}.overflow-auto{overflow:auto}.flex-max{flex:1 1 auto}.flex-start{align-items:flex-start}.radio-list{display:flex;flex-direction:row;gap:18px}.radio-list label{display:flex;flex-direction:row;gap:12px}h1,h2,h3{font-weight:400;color:var(--header-color);display:flex;align-items:center;gap:12px}h1{font-size:2.5em;margin:16px 0 8px;line-height:1.1}h2{font-size:1.4em;margin:12px 0 6px;line-height:1.1}h3{font-size:1em;margin:10px 0 4px;line-height:1.1}label,lable{color:var(--header-color);font-size:var(--lable-size);display:flex;flex-direction:row;gap:6px;align-items:center}.font-s{font-size:12px}.black{color:#000}.align-right{text-align:right}input,select{font-size:inherit;font-family:inherit}input[type=checkbox]{width:20px;height:20px;appearance:none;background-color:#e0e0e0;border:1px solid #ccc;border-radius:3px;cursor:pointer;position:relative}input[type=checkbox].view-checkbox{height:16px;width:16px;margin:0 8px 0 0}input[type=checkbox].view-checkbox:checked:after{height:10px;width:3px}input[type=checkbox]:checked{background-color:#6c6c6c;border:1px solid #000}input[type=checkbox]:checked.ok{background-color:var(--color-ok)}input[type=checkbox]:checked.nok{background-color:var(--color-nok)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:0;width:6px;height:12px;border-width:0 3px 3px 0;transform:rotate(45deg);border-color:#fff;border-style:solid}input.readonly{border-color:transparent}input,select{width:100%;max-width:250px}input[type=number].width-digits{width:50px}button{padding:6px 12px;border:1px solid #999;border-radius:6px;width:fit-content;border-color:#000}button.icon{display:flex;gap:6px;align-items:center}button.icon-only{background-color:transparent;border-color:transparent;padding:4px 6px}button.primary{color:#fff;background-color:var(--header-color);border-color:inherit}button.primary svg{fill:#fff}button.secondary{color:#000;background-color:var(--light-bg-color);border-color:var(--header-color)}button svg{fill:var(--header-color)}button:hover svg{fill:#000}button:disabled{opacity:.4}button.button{flex-grow:0}.header{display:flex;align-items:center;padding:0 24px;gap:24px;background-color:var(--light-greyish-color)}.header .app-name{font-size:20px}.header .app-links{flex:1 0 auto;display:flex;align-items:center}.header .app-links a{padding:0 6px}.header .app-links a:hover,.header .app-links a.active{background-color:var(--greyish-color)}.header .app-links a svg{fill:#000}.header .user{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;flex:0 1 auto;align-items:center}.header .user .user-initials{background-color:var(--header-color);color:#fff;border-radius:100%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-weight:600}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:2px;z-index:1001}.nav-overlay{display:none}nav.open~.nav-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}nav{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100vh;background-color:#fff;box-shadow:2px 0 10px #0000001a;transition:left .3s ease;z-index:1000;overflow-y:auto}nav.open{left:0}nav .nav-content{display:flex;flex-direction:column;padding:42px 0 0}nav a{color:#000;text-decoration:none;padding:12px 20px;border-bottom:1px solid #eee;display:block}nav a:visited{color:#000}nav a:hover,nav a.active{background-color:var(--light-greyish-color)}nav .group{border-bottom:1px solid #eee}nav .group a{padding:6px 20px;border-bottom:none}table{border-collapse:collapse}table thead tr{border-top:none;border-bottom:1px solid var(--border-color)}table th{text-align:left;font-weight:400;border-bottom:1px solid var(--border-color);color:var(--header-color);font-size:var(--lable-size)}table td,table th{padding:3px 6px}table td.center{text-align:center}table tbody tr:last-of-type{border-bottom:1px solid var(--border-color)}table tbody tr.new-day{border-top:1px solid var(--border-color);font-weight:500}table tr{border-top:1px solid #ccc}table tfoot td{border-top:1px solid var(--border-color);font-weight:500;color:var(--header-color)}table tfoot .base-row{border-top:1px solid var(--border-color)}table tfoot .base-row td{color:#000;font-weight:400}.action-table{margin-bottom:12px;width:fit-content}.action-table td{padding:4px 6px}.action-table td input{padding:4px 6px;margin:-4px -6px;border:1px solid #ccc;width:100%}.action-table td input.readonly{border:none;pointer-events:none}.action-table.width-auto{width:100%}.action-table .active-no{opacity:.5}.action-table .summary-row{border-top:1px solid var(--border-color);font-weight:500}.action-table .hide{display:none}.action-table .active{background-color:var(--light-bg-color)}.action-table .group-row{background-color:var(--light-bg-color);color:var(--header-color);font-weight:600}.td-focus{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);font-weight:500}.diff-negative{background-color:#f2d5d5}.diff-positive{background-color:#ffffe0}.diff-neutral{background-color:#a2f2c1}.border-right{border-right:1px solid var(--border-color)}.border-left{border-left:1px solid var(--border-color)}.kvot{background-color:#ffffe0}.nowrap{white-space:nowrap}.message{border:1px solid transparent;padding:6px;position:absolute;right:24px;border-radius:6px}.message.info{border-color:var(--message-info-border);background-color:var(--message-info-bg)}.message.error{border-color:var(--message-error-border);background-color:var(--message-error-bg)}.message.pulsing{border-color:var(--message-info-border);background-color:var(--message-info-bg);animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{opacity:1}50%{opacity:.3}to{opacity:.5}}.card-wrapper{display:flex;gap:var(--spacing-l)}.card{border:1px solid var(--border-color);border-radius:var(--card-radius)}.chore-wrapper{flex-wrap:wrap;border-top:1px solid var(--border-color);padding:var(--spacing-s) var(--spacing-m);min-height:48px}.time{font-weight:500}.descr{font-size:12px;width:100%}.resp{align-content:center;text-align:center}.day{font-weight:500;text-transform:capitalize;color:var(--header-color);text-align:center}.date{text-align:center;font-size:12px}.chore-group,.week-matrix{display:flex;flex-direction:column}.week-matrix .highlighted-row{background-color:#fffacd}.week-matrix .assignmentIssue .responsible-select{background-color:#fbe1e1}.highlighted-row-1{background-color:#fffacd}.highlighted-row-2{background-color:#ccf1cc}.highlighted-row-3{background-color:#f9cbcb}.highlighted-row-4{background-color:#cbe8f9}.highlighted-row-5{background-color:#cbccf9}.highlighted-row-6{background-color:#f3c9ee}.highlighted-row-7{background-color:#f1f1f1}.exeption-points{position:absolute;bottom:0;font-weight:700;background-color:var(--light-bg-color);color:var(--border-color);display:inline-block;border-radius:100%;min-width:24px;height:24px;text-align:center}.editable-div{border:1px solid #ccc;padding:4px 6px;border-radius:4px;min-height:40px;outline:none;resize:both;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.editable-div:empty:before{content:attr(placeholder);color:#aaa;pointer-events:none;display:block}.recently-updated{background-color:#fffacd}.header-row,.body-row{display:grid;gap:var(--spacing-l);grid-template-columns:90px repeat(7,minmax(100px,180px));position:relative}.lable,.who{display:flex;padding:var(--spacing-s) var(--spacing-m);align-items:center}.lable{flex-wrap:wrap;border-style:solid;border-color:var(--border-color);border-width:0 0 1px 0;position:sticky;left:0;background:#fff}.who{justify-content:center;flex-direction:column;border-style:solid;border-color:var(--border-color);border-width:0 1px 1px 1px;position:relative}.header-row .who{border-style:solid;border-color:var(--border-color);border-width:1px 1px 1px 1px;border-radius:6px 6px 0 0;background-color:var(--light-bg-color)}.who.today{background-color:var(--header-color)}.header-row .who.today,.header-row .who.today .day{color:#fff}.body-row .who.today{background-color:var(--light-bg-color)}.body-row .who.today.match{background-color:#fffacd7a}.who.past-day{opacity:.5}.who.match{font-weight:500;background-color:#fffacd7a}.who.has-help{background-color:#fff}.who.is-help{background-color:#fffacd7a}.who .has-help{font-weight:400;font-size:12px}.who .help{font-weight:500;text-align:center}.who .cant.fixed{position:absolute;right:0;top:0}.help-for,.help-by{font-style:italic;font-size:12px;color:var(--header-color)}.period-wrapper{display:flex;flex-direction:column;gap:16px;flex-grow:1}.period-wrapper select{width:100%;border-color:#999}.help-select{font-size:13px;color:#00f}.badge{font-weight:700;background-color:var(--light-bg-color);color:var(--border-color);display:inline-block;border-radius:100%;min-width:24px;height:24px;text-align:center}.wish{display:flex;width:100%;justify-items:center}.wish>div{flex:1 1 auto;justify-content:center}.checkbox{flex:1 1 auto;justify-content:center}.checkbox.no-checked{opacity:.2}.all-wish{flex-direction:column;width:auto}.all-wish .item{flex-grow:0}.all-wish .expandable{font-size:14px}.all-wish .expandable .hidden{top:16px;font-size:12px;width:max-content;text-align:left}.all-wish .expandable svg{width:16px;height:16px;opacity:.3}.all-wish .expandable svg:hover{opacity:1}.all-wish .expandable span{display:none}.expandable.all-wish{justify-content:center;position:relative}.expandable.all-wish .hidden{top:16px;font-size:14px;width:max-content}.expandable.all-wish svg{display:none;width:16px;height:16px;opacity:.3}.expandable.all-wish svg:hover{opacity:1}.expandable.all-wish span{display:block;text-align:center;font-size:14px}.family-cell{position:relative}.family-cell .wish-info{display:none;font-size:14px}.family-cell:hover .wish-info{display:block;position:absolute;background-color:#fff;border:1px solid #ccc;padding:6px;box-shadow:2px 2px 5px #0000007a;z-index:1000;width:340px}.family-cell.show .wish-info{display:block;position:relative;background-color:transparent;border:none;padding:0;box-shadow:none;z-index:1000}.family{display:inline-block}.wish-date{font-size:12px;color:#999}.comment-toggle{font-size:14px;color:#000}.to-do{display:flex;flex-direction:column;gap:var(--spacing-l);margin-top:var(--spacing-l)}.to-do .to-do-container{display:flex;flex-direction:row;gap:var(--spacing-l)}.to-do .to-do-container h3{min-width:90px}.to-do .to-do-container .card{min-width:120px}.to-do .to-do-container .day-wrapper{display:flex;flex-wrap:wrap;padding:var(--spacing-s);background-color:var(--light-bg-color);border-radius:var(--card-radius);flex-direction:column}.to-do .to-do-container .time,.to-do .to-do-container .descr{text-align:center}.my-profile{display:flex;gap:8px;flex-direction:column;width:300px}.points-summary{max-width:430px}.login-container{max-width:320px;width:100%;margin:auto;display:flex;gap:12px;flex-direction:column}.login-container button,.login-container input,.login-container label{width:100%;max-width:unset;display:flex;flex-wrap:wrap;gap:2px}.login-container button{justify-content:center}table.week-matrix{display:table}table.week-matrix td,table.week-matrix th{width:100px;padding:0;text-align:center;vertical-align:middle}table.week-matrix td:first-of-type,table.week-matrix th:first-of-type{text-align:left}table.week-matrix thead{background-color:var(--light-bg-color)}table.week-matrix thead .chore{vertical-align:middle;padding-left:16px}table.week-matrix tbody td{border-right:1px solid var(--border-color);position:relative;height:50px}table.week-matrix tbody .resp-wrapper{padding:1px;width:100%;display:flex;position:absolute;inset:0}table.week-matrix tbody .resp-wrapper .custom-select{align-self:center}table.week-matrix tbody .resp-wrapper select{border-color:#fff;display:inline-block;padding:1px 6px;text-align:center;background-color:transparent;box-sizing:border-box;margin:0;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}table.week-matrix tbody .resp-wrapper select::-ms-expand{display:none}table.week-matrix tbody .resp-wrapper select:hover{border-color:#fff;background-color:#f1f1f1}table.week-matrix tbody .resp-wrapper select option{background-color:#fff;font-weight:400}table.week-matrix tbody .resp-wrapper select optgroup{background-color:var(--light-bg-color);display:block;padding:2px 6px}table.week-matrix tbody .resp-wrapper .flex-row{display:flex;width:100%}table.week-matrix tbody td:last-of-type .hidden{right:0}.xxxl-below{padding-bottom:150px;gap:0}.flex-column{display:flex;gap:.2em;flex-direction:column}.flex-row{display:flex;gap:.2em;flex-direction:row}.flex-grow-1{flex-grow:1}.wrap{flex-wrap:wrap}.size-half{width:50%}.size-full{width:100%}.size-1_4{width:25%}.size-3_4{width:75%}.gap-s{gap:.2em}.gap-m{gap:1em}.gap-l{gap:2em}.gap-xl{gap:4em}.top-space{margin-top:24px}.margin-bottom-l{margin-bottom:var(--spacing-l)}.margin-bottom-xl{margin-bottom:var(--spacing-xl)}.margin-bottom-xxl{margin-bottom:var(--spacing-xxl)}.expandable{position:relative;display:flex;gap:.2em}.expandable:hover .hidden{display:block}.expandable .hidden{display:none;position:absolute;top:24px;background:#fff;box-shadow:1px 1px 4px #0000007a;padding:6px;z-index:1000}.expandable .hidden.right{right:-20px}.tabs{display:flex;flex-direction:column;gap:0}.tabs .tab-headers{display:flex;flex-direction:row;gap:12px;border-bottom:1px solid var(--light-bg-color)}.tabs .tab-headers button{border:0;border-bottom:2px solid transparent;border-radius:0;background-color:transparent;font-size:var(---lable-size);color:#999;font-weight:600;margin-bottom:-1px}.tabs .tab-headers .active{border-color:var(--border-color);color:var(--header-color)}.tabs .tab-content{padding-top:12px}svg{fill:#000}svg.favorite-fill{fill:var(--color-ok)}svg.stop-fill{fill:var(--color-nok)}svg.want{fill:var(--color-ok)}svg.cant{fill:var(--color-nok)}.global-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;display:flex;align-items:center;justify-content:center;z-index:2000}.spinner{border:4px solid #eee;border-top:4px solid #333;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1000px){.header{padding:0 12px;gap:12px}.header .app-name{font-size:16px}nav{font-size:13px}nav a{padding:8px 20px}.header-row,.body-row{grid-template-columns:64px repeat(7,92px);gap:10px}.to-do .to-do-container .card-wrapper{gap:10px}.to-do .to-do-container h3{min-width:45px}.to-do .to-do-container .card{min-width:95px}.content{padding:12px}h2{font-size:18px;margin:0 0 6px;padding:0}.wrap-small{flex-wrap:wrap}.period-wrapper.admin.plan .header-row .who,.period-wrapper.admin.plan .body-row .who{border-left:none;padding:6px}}@media (max-width: 500px){.header{padding:0 2px 0 12px}.header .app-name{font-size:14px}.header .user{gap:0px}.header .user .user-initials{width:28px;height:28px;font-size:13px;font-weight:600}nav{font-size:13px}nav a{padding:4px 20px}}