#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*+*{margin-top:.75rem}body{background-color:#f7f7f8;color:#1c1c1e;font-size:16px;line-height:1.6;padding:1rem}.fixed-width{width:150px;display:inline-block;text-align:start}.red{color:red}h1,h2,h3,h4,h5,h6{font-weight:600}a{color:#007bff;text-decoration:none;transition:color .2s}a:hover{color:#0056b3}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],select,textarea{margin:5px;padding:.6rem .75rem;border:1px solid #ccc;border-radius:8px;background-color:#fff;transition:border-color .3s,box-shadow .3s;font-size:1rem;width:200px}input:focus,textarea:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff33}button{padding:.6rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s;display:inline-flex;align-items:center;gap:.5rem}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.icon-save:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-edit:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-upload:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-submit:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-logout:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-login:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-delete:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-reload:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-pay:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-points:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-send:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-add:before{content:"+";font-family:"Font Awesome 6 Free";font-weight:900}.icon-download:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-close:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:fixed}.icon-close:hover,.icon-close{background-color:transparent;color:#000;position:absolute;right:1px;top:0}.bordered-table input{width:90px;margin:0}.bordered-table{border-collapse:collapse;border:1px solid gray;width:95%;margin:auto;background-color:#fff}.bordered-table td{border:1px solid gray;padding:2px}.bordered-table thead{background-color:#483d8b;color:#fff}.icon-button{margin:5px;cursor:pointer}input[type=file]{display:none}.custom-file-upload{display:inline-block;padding:6px;cursor:pointer}.container{border:1px solid #ccc;border-radius:12px;background-color:#fff;padding:1.5rem;max-width:800px;min-width:300px;width:100%;margin:0 auto 2rem;box-shadow:0 2px 8px #0000000d}.card{width:330px;height:540px;float:left;margin:10px}.modal-window{height:60%;border:1px solid gray;position:fixed;background-color:#b0c4de;top:110px;left:5%;right:5%;border-radius:12px;overflow-y:auto}.wide{width:180px}.narrow{width:60px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.text-center{text-align:center}button.is-loading{position:relative;pointer-events:none;background-color:#6c757d;opacity:.7;color:#fff}button.is-loading:after{content:"";position:absolute;bottom:4px;left:.4rem;height:2px;width:20%;background-color:#fff;animation:dash-slide 1s ease-in-out infinite alternate;border-radius:1px;pointer-events:none;z-index:1}@keyframes dash-slide{0%{left:.4rem;width:20%}to{left:calc(80% - .4rem);width:20%}}button+button{margin-left:.75rem}
