@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{margin:0;background-color:#f0f0f0}main{display:flex;gap:1rem;justify-content:center}#dashboard{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;max-width:40%;min-width:30rem}#traffic{display:block;width:15rem}p{margin:0 0 1rem;font-size:.9rem;color:#4f4b53}.chart{width:100%}#chart{height:17rem;display:flex;align-items:flex-end;gap:.5rem;padding:0 .5rem;border-bottom:1px solid #76737a}#chart div{flex:1;background:linear-gradient(to bottom,#36166f,#ca19a4);border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 768px){#traffic{width:100%}}#status{display:block}.status p:first-of-type{font-weight:700;animation:pulse 2s infinite;margin:0 0 .5rem;font-size:1.15rem}.status-online p:first-of-type{color:#6a3cb0}.status-offline p:first-of-type{color:#b22084}.status-unknown p:first-of-type{color:gray}p:last-of-type{margin:0;color:#625e67}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dashboard-item{display:block;padding:1rem;border:1px solid #ccc;border-radius:6px;background-color:#fff;box-shadow:0 1px 6px #0003;height:100%}.dashboard-item header{display:flex;padding:0;gap:.75rem;align-items:center;margin-bottom:1rem}.dashboard-item header img{width:1.5rem;height:1.5rem;object-fit:contain}h2{margin:0;font-size:.9rem;text-transform:uppercase;color:#504e50}@media (min-width: 768px){.dashboard-item{padding:2rem}}button{display:inline-block;padding:.65rem 1.35rem;border-radius:.25rem;font-size:1rem;text-align:center;cursor:pointer;background-color:#691ebe;color:#fff;border:none}button:hover{background-color:#551b98}.icon{display:inline-block;margin-left:.5rem;transition:transform .2s ease-in-out}button:hover .icon{transform:translate(4px)}#tickets{display:flex;flex-direction:column;gap:1.5rem;min-width:25rem}#tickets ul{list-style:none;margin:0;padding:0;width:15rem}#tickets li{margin:.5rem 0}#tickets p{margin:0;color:#4f4b53}#tickets h2{margin:0;font-size:1.1rem;color:#38343c}.tickets-list{min-width:30rem;max-height:47rem}@media (min-width: 768px){#tickets{flex-direction:row}}#new-ticket label{display:block;font-size:.8rem;font-weight:700;margin-bottom:.15rem;color:#4f4b53}#new-ticket input,#new-ticket textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font:inherit;font-size:.9rem;color:#4f4b53}.row{display:flex;width:100%;justify-content:center;gap:1rem}.row app-dashboard-item{width:49%}@media (max-width: 780px){main{flex-direction:column;margin:0 1rem}#dashboard,.tickets-list{min-width:100%;max-width:100%}.tickets-list{margin-bottom:1rem}}