body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{background-color:red;box-shadow:0 2px 6px #00000026;width:100%;z-index:1000}.header-div{align-items:center;color:#fff;display:flex;justify-content:space-between;margin:auto;padding:.75rem 0;transition:all .3s ease;width:60vw}.pkb-logo{cursor:pointer;height:50px;margin-left:1rem;transition:transform .2s ease;width:auto}.pkb-logo:hover{transform:scale(1.05)}header p{flex:1 1;font-size:1.7rem;font-weight:700;letter-spacing:.5px;margin:0;text-align:center}header button{background:none;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-right:1rem;padding:.4rem .8rem;transition:all .2s ease}header button:hover{background:#fff;color:#111}@media (max-width:900px){.header-div{width:90vw}header p{font-size:1.5rem}.pkb-logo{height:45px}}@media (max-width:600px){.header-div{flex-direction:column;gap:.5rem;justify-content:center;padding:.6rem 0}.pkb-logo{height:40px;margin-left:0}header p{font-size:1.3rem}header button{font-size:.9rem;margin-right:4;padding:.35rem .9rem}}@media (max-width:400px){.header-div{gap:.4rem}header p{font-size:1.1rem}.pkb-logo{height:35px}}.App{font-family:Inter,sans-serif;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:1rem}.App-link{color:#61dafb;transition:color .2s ease}.App-link:hover{color:#9be2ff}.body{box-sizing:border-box;height:100%;margin:auto;padding:1rem;transition:width .3s ease;width:60vw}@media (max-width:900px){.body{width:85vw}}@media (max-width:600px){.body{padding:.8rem;width:95vw}}@media (max-width:400px){.body{padding:.6rem;width:100vw}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.name-form{align-items:center;background:#f3f3f3;border-radius:8px;box-shadow:0 2px 6px #0000001a;font-family:Inter,sans-serif;gap:1rem;margin-left:auto;margin-right:auto;margin-top:80px;max-width:700px;padding:1rem;width:90%}.inputs,.name-form{display:flex;justify-content:space-between}.inputs{flex:1 1;gap:2rem}.inputs input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:1rem;min-width:140px;padding:.6rem;transition:border-color .2s ease,box-shadow .2s ease}.inputs input:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f33;outline:none}.name-form button{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background .2s ease}.name-form button:hover{background:#d62828}@media (max-width:768px){.name-form{align-items:stretch;gap:1.2rem;margin-top:30px;padding:1rem 1.2rem}.inputs,.name-form{flex-direction:column}.inputs{gap:1rem}.inputs input{max-width:100%}.name-form button{align-self:flex-end;width:100%}}@media (max-width:480px){.name-form{margin-top:30px;padding:.8rem}.inputs{gap:.8rem}.inputs input,.name-form button{font-size:.95rem;padding:.5rem}}.item-list{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000001a;font-family:Inter,sans-serif;margin-left:auto;margin-right:auto;margin-top:30px;max-width:90%;overflow:hidden}.item-header,.item-row{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr 1fr auto;padding:.75rem 1rem}.item-header{background:#e0e0e0;border-bottom:2px solid #ccc;font-weight:600}.item-row{border-bottom:1px solid #ddd}.item-row:last-child{border-bottom:none}.item-row p{display:none}.item-header span,.item-row span{text-align:center;word-break:break-word}.delete-btn{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;line-height:1;padding:.4rem .8rem;transition:background .2s ease,transform .1s ease}.delete-btn:hover{background:#d62828;transform:scale(1.05)}@media (max-width:900px){.item-header,.item-row{grid-template-columns:1fr 1fr 1fr auto}.item-header span:nth-child(4),.item-row span:nth-child(5){display:none}}@media (max-width:600px){.item-header{display:none}.item-row{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem;padding:.75rem 1rem}.item-row span{align-items:center;display:flex;font-size:.95rem;gap:.4rem;text-align:left;width:100%}.item-row span p{color:#444;display:inline;flex-shrink:0;font-weight:600;margin:0}.item-row span span{color:#000;font-weight:500;word-break:break-word}.delete-btn{align-self:flex-end;margin-top:.6rem}}.add-item{align-items:center;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;flex-wrap:wrap;font-family:Inter,sans-serif;gap:1rem;justify-content:center;margin:100px auto 0;max-width:800px;padding:1rem}.add-item img{background:#fff;border:2px solid #ddd;border-radius:10px;box-shadow:0 1px 4px #00000026;height:110px;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;width:110px}.add-item img:hover{box-shadow:0 3px 10px #00000040;cursor:pointer;transform:scale(1.05)}.add-item select{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:.95rem;min-width:140px;padding:.5rem 1rem;transition:border .2s ease}.add-item select:focus{border-color:#07f;outline:none}.add-item span{color:#333;font-size:1rem;font-weight:600;min-width:60px;text-align:center}.add-item button{background:#2a9d8f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem .9rem;transition:background .2s ease}.add-item button:hover{background:#21867a}@media (max-width:900px){.add-item{gap:.75rem;max-width:95%}.add-item img{height:95px;width:95px}.add-item select{min-width:120px}}@media (max-width:600px){.add-item{align-items:stretch;flex-direction:column}.add-item img{height:90px;margin:0 auto;width:90px}.add-item button,.add-item select,.add-item span{width:100%}.add-item span{text-align:right}}@media (max-width:380px){.add-item{padding:.75rem}.add-item select{min-width:0}}.validate{align-items:center;display:flex;font-family:Inter,sans-serif;gap:1rem;justify-content:flex-end;margin:1.5rem 2rem}.validate p{color:#333;font-size:1.1rem;font-weight:600}.validate button{background:#2a9d8f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background .2s ease,transform .1s ease}.validate button:hover{background:#21867a;transform:scale(1.03)}@media (max-width:768px){.validate{gap:.8rem;margin:1rem}.validate p{font-size:1rem}.validate button{font-size:.95rem;padding:.45rem .9rem}}@media (max-width:480px){.validate{align-items:flex-end;flex-direction:column;gap:.5rem;margin:1rem}.validate p{font-size:.95rem;text-align:right}.validate button{border-radius:8px;font-size:1rem;padding:.6rem;width:100%}}.modal-background{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073}.validation-modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000040;color:#333;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:.8rem;left:50%;max-width:420px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.validation-modal>button:first-of-type{background:#0000;border:none;color:#666;cursor:pointer;font-size:1.4rem;position:absolute;right:.8rem;top:.8rem;transition:color .2s ease,transform .2s ease}.validation-modal>button:first-of-type:hover{color:#000;transform:scale(1.1)}.validation-modal div{word-wrap:break-word;font-size:1rem;line-height:1.4;text-align:left}.validation-modal div:last-of-type{font-weight:600;margin-top:.5rem;text-align:right}.validation-modal>button:last-of-type{align-self:center;background:#2a9d8f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.6rem 1.2rem;transition:background .2s ease,transform .1s ease}.validation-modal>button:last-of-type:hover{background:#21867a;transform:scale(1.03)}@media (max-width:768px){.validation-modal{gap:.7rem;padding:1.5rem;width:95%}.validation-modal div{font-size:.95rem}.validation-modal>button:last-of-type{font-size:.95rem;padding:.5rem 1rem}}@media (max-width:480px){.validation-modal{border-radius:10px;gap:.6rem;padding:1rem}.validation-modal div{font-size:.9rem}.validation-modal>button:last-of-type{font-size:.95rem;padding:.6rem;width:100%}.validation-modal>button:first-of-type{font-size:1.2rem;right:.6rem;top:.6rem}}.image-modal-background{align-items:center;background:#000000b3;cursor:pointer;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.image-modal-background img{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000080;cursor:default;max-height:90%;max-width:90%;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease}@media (hover:hover){.image-modal-background img:hover{box-shadow:0 6px 24px #0009;transform:scale(1.02)}}@media (max-width:900px){.image-modal-background img{border-radius:10px;max-height:85%;max-width:95%}}@media (max-width:600px){.image-modal-background{padding:.5rem}.image-modal-background img{border-radius:8px;max-height:80%;max-width:100%}}@media (max-width:400px){.image-modal-background img{max-height:70%}}.modal-background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;inset:0;position:fixed;z-index:1000}.delete-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:16px;box-shadow:0 8px 30px #00000040;color:#222;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:1.2rem;left:50%;max-width:420px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.delete-modal>button:first-of-type{background:none;border:none;color:#555;cursor:pointer;font-size:1.4rem;font-weight:700;position:absolute;right:1rem;top:1rem;transition:transform .2s ease,color .2s ease}.delete-modal>button:first-of-type:hover{color:#000;transform:scale(1.1)}.delete-modal p{color:#333;font-size:1rem;font-weight:500;line-height:1.4;text-align:center}.delete-modal input{border:1px solid #ccc;border-radius:10px;font-size:1rem;outline:none;padding:.7rem;transition:border-color .2s ease,box-shadow .2s ease;width:80%}.delete-modal input:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f33}.delete-modal>button:last-of-type{background:linear-gradient(135deg,#e63946,#d62828);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.4rem;transition:opacity .2s ease,transform .1s ease}.delete-modal>button:last-of-type:hover{opacity:.9;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.delete-modal{gap:1rem;padding:1.5rem;width:95%}.delete-modal input{font-size:.95rem;width:90%}.delete-modal p{font-size:.95rem}.delete-modal>button:last-of-type{font-size:.95rem;padding:.5rem 1.2rem}}@media (max-width:480px){.delete-modal{border-radius:12px;gap:.8rem;padding:1rem;width:90%}.delete-modal input{font-size:.9rem;padding:.6rem;width:90%}.delete-modal p{font-size:.9rem}.delete-modal>button:last-of-type{font-size:.95rem;padding:.6rem;width:100%}}
/*# sourceMappingURL=main.db6b4ec8.css.map*/