:root{--key-color-h: 216;--key-color-l-bright: 24;--highlight-color-l-bright: 48;--highlight-color-soft-l-bright: 95;--key-color-text-l-bright: 0;--text-color-l-bright: 41;--background-color-l-bright: 94;--background-paper-l-bright: 100;--highlight-color-mid-l-bright: 90;--key-color-l-dark: calc(100 - var(--key-color-l-bright));--highlight-color-l-dark: calc(100 - var(--highlight-color-l-bright));--highlight-color-soft-l-dark: calc( 100 - var(--highlight-color-soft-l-bright) );--key-color-text-l-dark: calc(100 - var(--key-color-text-l-bright));--text-color-l-dark: calc(100 - var(--text-color-l-bright));--background-color-l-dark: calc(100 - var(--background-color-l-bright));--background-paper-l-dark: calc(100 - var(--background-paper-l-bright));--highlight-color-mid-l-dark: calc(100 - var(--highlight-color-mid-l-bright));--key-color-l: var(--key-color-l-bright);--highlight-color-l: var(--highlight-color-l-bright);--highlight-color-soft-l: var(--highlight-color-soft-l-bright);--key-color-text-l: var(--key-color-text-l-bright);--text-color-l: var(--text-color-l-bright);--background-color-l: var(--background-color-l-bright);--background-paper-l: var(--background-paper-l-bright);--highlight-color-mid-l: var(--highlight-color-mid-l-bright);--key-color: hsl(var(--key-color-h) 23 var(--key-color-l));--highlight-color: hsl(var(--key-color-h) 95 var(--highlight-color-l));--highlight-color-soft: hsl( var(--key-color-h) 100 var(--highlight-color-soft-l) );--key-color-text: hsl(0 0 var(--key-color-text-l));--text-color: hsl(var(--key-color-h) 3 var(--text-color-l));--background-color: hsl(var(--key-color-h) 20 var(--background-color-l));--background-paper: hsl(0 0 var(--background-paper-l));--highlight-color-mid: hsl( var(--key-color-h) 42 var(--highlight-color-mid-l) )}*{box-sizing:border-box}html{font-family:Inter var,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;line-height:1.5;font-weight:400;font-size:14px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:var(--background-color);margin:0;color:var(--text-color)}#app{max-width:1000px;margin:0 auto;padding:2rem}.vd-alert-wrapper{position:fixed;bottom:50px;left:0;right:0;margin:0 auto;display:flex;flex-direction:column-reverse;gap:.5rem}.vd-alert-row{width:100%;justify-content:center;display:flex;transition:margin-bottom 1s,opacity .5s;animation-delay:3s;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:delayHide}@keyframes delayHide{to{margin-bottom:-59px;opacity:0}}.vd-alert{background:var(--key-color);color:#fff;padding:.8rem 2rem;border-radius:10px;font-size:1rem;display:flex;align-items:center;gap:1rem;width:fit-content;transition:color .2s,border .2s}.vd-alert__img{display:flex}.vd-alert__icon{font-size:1.4rem;display:inline-flex}.vd-alert__text{font-weight:600;display:inline-flex}.vd-header{padding:2rem 0;margin:0}.vd-title{justify-content:flex-start;margin:0}.vd-notification{background:var(--background-paper);color:var(--text-color);border:1.5px solid var(--background-paper);padding:.8rem 2rem;border-radius:50px;font-size:1rem;display:flex;align-items:center;gap:1rem;width:fit-content;cursor:pointer;transition:color .2s,border .2s}.vd-notification:hover{color:var(--highlight-color);border-color:var(--highlight-color)}.vd-notification__img{display:flex}.vd-notification__icon{font-size:1.4rem;display:inline-flex}.vd-notification__text{font-weight:600;display:inline-flex}.vd-notification__badge{background-color:var(--highlight-color);color:#fff;border-radius:10px;padding:0 .6rem;font-size:.8rem;font-weight:700;align-self:flex-start;display:inline-flex}.vd-page-wrapper{max-width:1000px;margin:0 auto;display:flex;width:100%;gap:1rem;justify-content:flex-start;flex-direction:column}.vd-page-wrapper--center{justify-content:center}.vd-page-wrapper--right{justify-content:flex-end}.vd-page-wrapper--row{flex-direction:row}.vd-doc-list{width:100%;grid-auto-flow:row;gap:1rem;display:grid;grid-template-columns:1fr}.vd-doc-list-wrapper{padding-top:2rem}.vd-doc-list__head-row{display:flex;gap:.5rem;color:var(--text-color);font-weight:700;padding:1rem 1.2rem}.vd-doc-list__cell{flex:1 1 0;padding:.9rem .7rem;font-size:1rem}.vd-doc-list__cell--head{font-weight:700;color:var(--key-color)}.vd-doc-list__row{display:flex;align-items:flex-start;background:var(--background-paper);border-radius:10px;padding:1.1rem 1.2rem;gap:.5rem}.vd-doc-list__row--add{background:none;border:none;padding:0}.vd-doc-list__title{font-weight:700}.vd-doc-list--grid .vd-doc-list{grid-template-columns:repeat(3,1fr)}.vd-doc-list--grid .vd-doc-form__fields{flex-direction:column}.vd-doc-list--grid .vd-doc-list__head-row{display:none}.vd-doc__header{display:flex;justify-content:space-between;gap:1rem}.vd-doc__header-group{display:flex;flex-direction:row;gap:.5rem}.vd-doc-list__sort{display:flex;flex-direction:row;gap:.2rem}.vd-doc__header-button{cursor:pointer;background:var(--key-color);color:var(--key-color-text);fill:var(--key-color-text);border-radius:4px;border:1.5px solid var(--key-color);transition:border .1s,background .1s;height:1.5rem;width:1.5rem;padding:.2rem}.vd-doc__header-button:disabled{pointer-events:none}.vd-doc__header-button:hover,.vd-doc__header-button--active{background:var(--highlight-color);border-color:var(--highlight-color)}.vd-add-document-btn{width:100%;min-height:60px;background:var(--highlight-color-mid);color:var(--highlight-color);font-size:1.15rem;font-weight:700;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:.7rem;cursor:pointer;transition:background .2s}.vd-add-document-btn:hover,.vd-add-document-btn:focus{background:var(--background-paper);outline:2px solid var(--highlight-color)}.darkMode{border-radius:50%;padding:0;line-height:0;cursor:pointer;background:var(--key-color);color:#fff;fill:#fff;width:3rem;height:3rem;border:0}.darkMode:hover{background:var(--highlight-color);transition:background .2s}.colorSlider{width:80px}.colorSlider::-webkit-slider-runnable-track{background:var(--highlight-color);height:.5rem;top:1rem;appearance:none}.colorSlider::-webkit-slider-thumb{background:var(--highlight-color);fill:var(--highlight-color);color:var(--highlight-color);cursor:pointer;margin-top:-.3rem}.colorSlider::-moz-range-track{background:var(--highlight-color);height:.5rem;top:1rem;appearance:none}