@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@300;400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0d0d0d;--white: #f2f0eb;--red: #d10000;--gray: #6a6a6a;--border: 2px solid var(--black);--font-d: "Barlow Condensed", sans-serif;--font-b: "Barlow", sans-serif}html,body{height:100%;background:var(--white);color:var(--black)}body{font-family:var(--font-b);font-weight:300;-webkit-font-smoothing:antialiased}.layout{height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.header{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:24px;padding:12px 32px;background:var(--black);border-bottom:var(--border)}.wordmark{font-family:var(--font-d);font-size:1.4rem;font-weight:900;letter-spacing:.2em;color:var(--white)}.header-title{font-family:var(--font-d);font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}.header-meta{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}.body{display:grid;grid-template-columns:180px 1fr;overflow:hidden}.sidebar{border-right:var(--border);padding:32px 0;overflow-y:auto}.menu{list-style:none}.menu-item{display:flex;align-items:baseline;gap:10px;padding:10px 24px;cursor:pointer;border-left:3px solid transparent;transition:all .12s}.menu-item:hover{border-left-color:var(--gray)}.menu-item.active{border-left-color:var(--red);background:#d100000a}.menu-num{font-family:var(--font-d);font-size:.65rem;font-weight:700;color:var(--gray);letter-spacing:.1em}.menu-item.active .menu-num{color:var(--red)}.menu-label{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:var(--black)}.menu-item.active .menu-label{font-weight:700}.content{padding:32px;overflow-y:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.card{padding:28px;display:flex;flex-direction:column;min-height:260px;border:none}.card-text{font-size:1.1rem;line-height:1.65;font-weight:700;text-align:left}.black-white{background:var(--black);color:var(--white)}.white-black{background:var(--white);color:var(--black)}.white-red{background:var(--white);color:var(--red)}.black-red{background:var(--black);color:var(--red)}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:10px 32px;border-top:var(--border);background:var(--black)}.footer-left,.footer-right{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}.footer-right{text-align:right}.footer-center{font-family:var(--font-d);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--white)}.red{color:var(--red)}@media(max-width:640px){.body{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:var(--border);padding:16px 0}.menu{display:flex;flex-wrap:wrap}.menu-item{padding:8px 16px;border-left:none;border-bottom:3px solid transparent}.menu-item.active{border-bottom-color:var(--red);border-left-color:transparent}.footer{grid-template-columns:1fr;gap:4px}.footer-right,.footer-center{text-align:left}.menu-divider{border-top:1px solid var(--gray);margin:12px 24px;opacity:.3}.placeholder{padding:48px;display:flex;flex-direction:column;gap:12px}.placeholder-num{font-family:var(--font-d);font-size:.65rem;letter-spacing:.2em;color:var(--gray)}.placeholder-title{font-family:var(--font-d);font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--black)}.form-page{display:flex;align-items:flex-start;padding:48px}.form-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:32px}.form-header{display:flex;flex-direction:column;gap:8px}.form-num{font-family:var(--font-d);font-size:.65rem;letter-spacing:.2em;color:var(--gray)}.form-title{font-family:var(--font-d);font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--black);line-height:1}.form-fields{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gray);font-weight:400}.field-input{font-family:var(--font-b);font-size:.95rem;font-weight:300;color:var(--black);background:transparent;border:none;border-bottom:2px solid var(--black);padding:8px 0;outline:none;transition:border-color .12s}.field-input::placeholder{color:var(--gray);opacity:.5}.field-input:focus{border-bottom-color:var(--red)}.btn-primary{font-family:var(--font-d);font-size:.8rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--white);background:var(--black);border:none;padding:14px 28px;cursor:pointer;transition:background .12s;align-self:flex-start;margin-top:8px}.btn-primary:hover{background:var(--red)}.form-switch{font-size:.75rem;color:var(--gray);font-weight:300}.form-link{color:var(--red);cursor:pointer;font-weight:400;text-decoration:underline}.menu-item-logout .menu-label{color:var(--red)}}