body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:left;display:flex;min-height:100vh;flex-direction:column;justify-content:flex-start}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{margin-bottom:4rem}.App-footer{background-color:#282c34;padding:1rem;color:#fff;text-align:center;width:100%;position:relative;bottom:0;left:0;margin-top:auto}.App-footer a{color:#f5f5f5}.App-footer a:hover{color:orange}.operation{cursor:pointer}.sticky-element{position:sticky;top:60px;z-index:10;background-color:#fff}.nav-item:hover{background-color:#87cefa}.login-form{margin-top:4.5rem;display:flex;flex-direction:column;align-items:center}.style-input{width:20px}.modal-content{min-width:80%}.custom-tab.active{color:#00f!important;font-weight:700}.custom-tab{color:#000!important;font-weight:400}.custom-tab:hover{background-color:#f5f5f5!important}.cate-style{margin-top:5rem}#table{border-collapse:initial;border-radius:10px;border-spacing:0;box-shadow:0 0 25px #aaa;margin:4rem 0;width:100%}th{background-color:#fff;font-weight:700;border-bottom:1px solid #d1d1d1;align-items:center}td,th{text-align:center}td,th{line-height:1.5;padding:.75em}td{background-color:#fff}td:first-child{font-weight:700;text-align:center}tbody tr:nth-child(odd) td{background-color:#f6f6f6}thead th:first-child{border-top-left-radius:38px;text-align:center}thead th:last-child{border-top-right-radius:38px;text-align:center}tbody tr:last-child td:first-child{border-bottom-left-radius:10px}tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.insert-button{color:success}td{text-align:left}table{overflow-x:auto;white-space:nowrap}.modal-content{min-width:90%}#card-style{margin-top:6rem;margin-bottom:6rem;transform:scale(1.5,1.8)}.card{border:2px solid #000!important}.text-content{color:#fff}#bg-image{background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}#card-list{background-color:orange}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}:root{--border-radius:3px;--border:2px solid #3b3b3b;--control-size:38px;--font-size:20px}.value-control{width:var(--control-size);height:var(--control-size);margin:0 8px;background:transparent;border:var(--border);border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size)}.value-control:focus,.value-input:focus{outline:2px solid #3e67fd;outline-offset:1px}.value-input{margin:0;height:var(--control-size);width:80px;border:var(--border);border-radius:var(--border-radius);padding:2px 8px;text-align:center;font-size:var(--font-size)}.value-input:hover{border-color:#777}#decrease-button{background-color:red}#increase-button{background-color:#66b3ff}#decrease-button:hover{background-color:#f66}#increase-button:hover{background-color:#66d4ff}#decrease-button:active{background-color:#c00000}#increase-button:active{background-color:#06c}