:root{--font-family: "Inter Variable", sans-serif;--font-size: 16px;--primary-color: hsl(0, 0%, 0%);--secondary-color: hsl(244, 73%, 96%);--border-color: hsl(0, 0%, 80%);--border-radius: 5px}*{box-sizing:border-box;padding:0;margin:0;font-family:var(--font-family),sans-serif;font-size:var(--font-size);font-weight:400}html{height:100%}body{font-family:var(--font-family),sans-serif;font-size:var(--font-size);height:100%}a{color:inherit;text-decoration:none}img{display:inline-flex}h1{font-size:24px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:18px;font-weight:700}ul{list-style:none}.panel{padding:16px;border-radius:10px}.panel.gray{background-color:#f2f2f2}.panel.white{background-color:#fff}.btn{display:inline-flex;align-items:center;border-radius:5px;border:solid 1px var(--primary-color);outline:none;background-color:#fff;font-family:Inter Variable,sans-serif;font-size:16px;font-weight:600;padding:0 16px;height:36px;width:fit-content;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--primary-color);background-color:color-mix(in hsl,var(--primary-color),white 30%);color:#fff}.btn.dark{background-color:#1a1a1a;color:#fff}.btn.dark:hover{background-color:#404040}.btn.primary{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.btn.primary:hover{background-color:color-mix(in hsl,var(--primary-color),white 30%)}.btn.secondary{border-color:var(--secondary-color);background-color:var(--secondary-color);color:color-mix(in hsl,var(--secondary-color),black 90%)}.btn.secondary:hover{background-color:color-mix(in hsl,var(--secondary-color),black 10%)}.btn.alert{border-color:#c00;background-color:#c00;color:#fff}.btn.alert:hover{background-color:color-mix(in hsl,hsl(0,100%,40%),black 10%)}.btn:disabled{background-color:#e6e6e6;color:#b3b3b3;cursor:not-allowed}.field{background-color:#fff;border-radius:5px;padding:16px}.field.gray{background-color:#f2f2f2}label,.label{font-weight:600;display:flex;margin-bottom:4px;font-size:14px;color:#4d4d4d}.form .group{display:flex;flex-direction:column;gap:32px}.form .field .info{font-size:14px;color:#999;margin-left:8px}.form .invalid{border-color:#c00}.form .error{color:#c00;font-size:14px;margin-top:4px;background-color:#ffe5e5;padding:4px 8px;border-radius:5px}.form hr{height:1px;border:none;background-color:#e6e6e6;margin:16px 0}.radio{display:grid;gap:16px}.radio label{border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;border:solid 1px var(--primary-color);outline:none;background-color:#fff;font-family:var(--font-family),sans-serif;font-size:var(--font-size);font-weight:600;padding:0 16px;height:36px;white-space:nowrap}.radio label:hover{outline-color:var(--primary-color);background-color:color-mix(in hsl,var(--primary-color),white 95%)}.radio label:has(input[type=radio]:checked){outline-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.radio label:has(input[type=checkbox]:checked){outline-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.radio label:has(input[type=checkbox]:checked:hover){outline-color:var(--primary-color);background-color:color-mix(in hsl,var(--primary-color),white 30%)}input[type=radio],input[type=checkbox]{display:none}input[type=checkbox].checkbox{display:flex;width:20px;height:20px;cursor:pointer}input,textarea,select{border-radius:5px;padding:0 8px;width:100%;height:36px;font-family:var(--font-family),sans-serif;font-size:var(--font-size);outline-offset:0;outline:transparent solid 2px;letter-spacing:inherit;border:hsl(0,0%,80%) solid 1px;background-color:#fff}textarea{padding:8px;resize:none;height:100px}::placeholder{color:#b3b3b3}.table{border-radius:10px;background-color:#fff;border:solid 16px hsl(0,0%,100%);height:100%;overflow-y:auto}.table table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:700;white-space:nowrap}.table thead th{position:sticky;top:0;z-index:+1;padding:8px;border-bottom:solid 2px hsl(0,0%,90%);background-color:#fff}.table tr:hover{background-color:#fafafa}.table tr.active{background-color:#ebebeb}.table thead tr:hover{background-color:transparent}.table td{padding:16px 8px;border-bottom:solid 1px hsl(0,0%,90%)}.table .actions>*{display:flex;gap:8px;white-space:nowrap}.tag{align-items:center;padding:4px 8px;border-radius:5px;font-size:14px;font-weight:600;border:solid 1px hsl(0,0%,50%);color:gray;background-color:#f2f2f2}.tag.accepted{color:olive;border-color:#cc0;background-color:#ffff4d}.tag.published{color:green;border-color:#0c0;background-color:#e5ffe5}.tag.rejected{color:#c00;border-color:#c00;background-color:#ffe5e5}.tag.archived{border:solid 1px hsl(0,0%,70%);color:#b3b3b3;background-color:#fafafa}.filters{display:flex;gap:16px;align-items:end}app-modal .buttons{display:flex;gap:16px}.header-container{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#fff;border-bottom:1px solid hsl(0,0%,90%);display:flex;align-items:center;z-index:9998}.header{margin:0 auto;width:100%;max-width:1200px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.title{font-size:22px;font-weight:600;flex:1}.buttons{display:flex;gap:16px}.form-container{margin:86px auto 16px;width:100%;max-width:1200px;padding:0 16px}.form{display:flex;flex-direction:column;gap:16px;width:100%}h2.info{font-size:16px}.note{font-size:12px;color:gray;margin-bottom:8px}.body-lock{overflow:hidden}