#root{display:flex;font-family:Arial,Helvetica,sans-serif;flex-direction:column;height:100vh;background-color:azure}#root header,#root footer{position:fixed;width:100%;padding:.75rem 1.5rem;background-color:#f5f5f5;box-shadow:0 0 8px gray;z-index:1}#root header nav a{color:#00008b;font-weight:700;text-decoration:none;transition:transform .3s ease-in-out}#root main{z-index:0;padding:4rem 0;flex-grow:1;background-color:#faebd7}#root footer{bottom:0;display:flex;justify-content:center}:root{--h4Padding: .5rem;--queryStringWidth: 3.1rem}:is(.database,.query) *{margin:0;padding:0}:is(.database,.query) h4{display:inline-block;padding:0 var(--h4Padding) 0 0}:is(.database,.query) select,:is(.database,.query) input{padding:.5rem}:is(.database,.query) input{width:calc(100% - var(--queryStringWidth) - var(--h4Padding))}html{overflow:auto}.container{background-color:#faebd7;padding:2rem 1rem;min-width:540px;width:100%;display:flex;justify-content:center;height:100%}.plano-contas{background-color:#fff;max-width:840px;height:fit-content;padding:1rem 2rem;box-shadow:6px 6px 16px 1px gray;border-radius:1px}.plano-contas table{border-spacing:1rem 0}.plano-contas table td{vertical-align:top}.legenda{display:flex;justify-content:left}.legenda table:nth-child(1) td:nth-child(1){font-weight:700}.legenda table table td:nth-child(1){text-align:center}.contas table{width:100%}.contas table th{text-align:left}.contas table tr td:nth-child(2),.contas table tr td:nth-child(4){text-align:center}.contas table tr.bold{font-weight:700}.contas table tr.bold td{padding-top:1rem}.contas table tr.strike td{text-decoration:line-through}.contas table tr.strike td:nth-child(4){text-decoration:initial}form fieldset{display:flex;justify-content:space-evenly}form fieldset>input{padding:.5rem;width:100%}form .form-buttons{text-align:right}form .form-buttons button{margin:.5rem .25rem;border:none;padding:.5rem 1rem;border-radius:3px;background-color:#fcf3e8;box-shadow:0 0 0 1px #e6cfb3;font-weight:700}form .form-buttons button:hover{background-color:#fefaf5;box-shadow:0 0 3px 1px #cc9e66,0 0 6px #a9a9a9;cursor:pointer}form .form-buttons button:active{background-color:#e6cfb3;box-shadow:0 0 3px 1px #dbcebd,inset 0 0 4px #a9a9a9;cursor:pointer}.records-count{font-size:smaller;font-style:italic;text-align:right}