:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container{margin:0;padding:0;background:linear-gradient(120deg,#2980b9,#8e44ad);height:100vh;overflow:hidden}.login-container .login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:400px;border-radius:10px}.login-container .login .login-header{background-color:#37373699;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;padding:1rem;text-align:center;color:#fff;font-size:26px;font-weight:700;text-shadow:1px 1px 2px black}.login-container .login form{padding:10px 40px 20px;box-sizing:border-box}.login-container .login form .text-field{position:relative;border-bottom:2px solid #adadad;margin:30px 0}.login-container .login form .text-field input{background:none;outline:none;color:#000;width:100%;padding:0 5px;height:40px;font-size:16px;border:none}.login-container .login form .text-field input:focus~label,.login-container .login form .text-field input:valid~label{top:-5px;color:#2691d9}.login-container .login form .text-field input:focus~span:before,.login-container .login form .text-field input:valid~span:before{width:100%}.login-container .login form .text-field label{position:absolute;top:50%;left:5px;color:#adadad;transform:translateY(-50%);font-size:16px;pointer-events:none;font-weight:700;transition:.5s}.login-container .login form .text-field span:before{content:"";position:absolute;top:40px;left:0;width:0;height:2px;background:#2691d9;transition:.5s}.login-container .login form .submit-btn{width:100%;height:50px;border:1px solid;background:#2691d9;border-radius:25px;font-size:18px;color:#e9f4fb;font-weight:700;cursor:pointer;outline:none}.login-container .login form .submit-btn:hover{border-color:#2691d9;transition:.5s}.login-container .login form .error-message{text-align:center;font-size:16px;color:#a63232;font-weight:600}.confirm-delete{display:flex;flex-direction:column;row-gap:10px;text-align:center}.planning{display:flex;column-gap:10px;row-gap:10px;flex-wrap:wrap;padding:2rem}.planning .planning-element{display:flex;flex-direction:column;flex-basis:350px;border:1px solid black;border-radius:10px}.planning .planning-element>.title{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 5px 20px;background-color:#37373699;color:#fff;border-top-right-radius:5px;border-top-left-radius:5px}.planning .planning-element>.title>span{font-weight:700;font-size:18px}.planning .planning-element>.title>button{border:1px solid;background:#2691d9;border-radius:25px;color:#e9f4fb;font-weight:700;cursor:pointer;outline:none;width:50px}.planning .planning-element>.title>button:hover{border-color:#2691d9;transition:.5s}.planning .planning-element>.content{display:flex;flex-direction:column;row-gap:5px;padding:10px}.planning .planning-element>.content>.item{display:flex;flex-direction:column}.planning .planning-element>.content>.item>.title{display:flex;column-gap:10px;cursor:pointer}.planning .planning-element>.content>.item>.title>span{font-weight:600}.planning .planning-element>.content>.item>.title>span.done{text-decoration:line-through}.planning .planning-element>.content>.item>.title>.action-content{margin-left:auto;display:flex}.planning .planning-element>.content>.item>.title>.action-content>.delete-icon{color:#a30808;cursor:pointer}.planning .planning-element>.content>.item>.title>.action-content>.edit-icon{cursor:pointer}.planning .planning-element>.content>.item>.description{font-size:12px;margin-left:25px}.planning .planning-element>.content>.item>.description.blur{text-decoration:line-through;opacity:.7}.create-content{display:flex;flex-direction:column;row-gap:10px;align-items:center}.create-content .create-field{display:flex;column-gap:10px;justify-items:center}.create-content .create-field>label{width:100px;font-weight:700}.create-content .create-field>input{width:250px}.create-content .create-field>textarea{resize:none;width:250px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-8265f647.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-35dca8a7.woff2) format("woff2")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-c948f126.woff2) format("woff2")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-d31bfb81.woff2) format("woff2")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-1e673ba8.woff2) format("woff2")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}