/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}html{background:#1f7fbc;min-height:100%}body{color:#143b5b;background:linear-gradient(#ffffff1a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff1a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/120px 120px,linear-gradient(90deg,#ffffff2e 1px,#0000 1px) 0 0/120px 120px,linear-gradient(135deg,#11619b 0%,#1f7fbc 46%,#35a1cf 100%);min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}button,input,select,textarea{font:inherit}.home-page{box-sizing:border-box;color:#f7fbff;min-height:100vh;padding:32px;position:relative;overflow:hidden}.home-page *,.home-page :before,.home-page :after{box-sizing:inherit}.home-page:before{content:"";pointer-events:none;background:linear-gradient(35deg,#0000 0 24%,#fff3 24.1% 24.45%,#0000 24.55%),linear-gradient(145deg,#0000 0 70%,#cdf3ff2e 70.1% 70.45%,#0000 70.55%),radial-gradient(circle at 82% 76%,#0000 0 84px,#ffffff2e 85px 86px,#0000 87px);position:fixed;inset:0}.home-page>h1{z-index:1;color:#0f4777;letter-spacing:0;text-align:center;text-shadow:0 1px #fff;background:linear-gradient(#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,#f6fcffeb;border:2px solid #ffffffc2;border-radius:8px;width:min(860px,100%);margin:42px auto 0;padding:28px;font-size:clamp(2rem,6vw,4.5rem);line-height:1;position:relative;box-shadow:0 16px 30px #15477433}@media (width<=720px){.home-page{padding:18px}.home-page>h1{padding:20px}}.header{box-sizing:border-box;text-align:center;width:min(1180px,100%);margin:0 auto}.header h1{color:#fff;letter-spacing:0;text-shadow:0 2px #1551845c;margin:0 0 14px;font-size:clamp(1.8rem,5vw,3.4rem);line-height:1}.navbar{box-sizing:border-box;background:linear-gradient(#ffffff1f 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#ffffff1f 1px,#0000 1px) 0 0/14px 14px,#0b598f94;border:2px solid #ffffffad;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 auto;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #124a7a2e,0 10px 18px #15477424}.navbar,.navbar *{box-sizing:inherit}.navbar a{color:#f7fbff;letter-spacing:0;background:#0f477757;border:1px solid #ffffffb8;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-weight:800;text-decoration:none;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.navbar a:after{content:"";opacity:0;transform-origin:0;background:#fdc65b;height:2px;transition:opacity .16s,transform .16s;position:absolute;bottom:7px;left:10px;right:10px;transform:scaleX(.35)}.navbar a:hover{background:#ffffff29;transform:translateY(-1px);box-shadow:0 0 0 4px #ffffff1f}.navbar a:hover:after,.navbar a:focus-visible:after{opacity:1;transform:scaleX(1)}.navbar a:focus-visible{outline-offset:3px;outline:3px solid #fdc65b}@media (width<=560px){.navbar{width:100%}.navbar a{flex:120px}}.projects-page{box-sizing:border-box;color:#f7fbff;background:linear-gradient(#ffffff1a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff1a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/120px 120px,linear-gradient(90deg,#ffffff2e 1px,#0000 1px) 0 0/120px 120px,linear-gradient(135deg,#11619b 0%,#1f7fbc 46%,#35a1cf 100%);min-height:100vh;padding:32px;position:relative;overflow:hidden}.projects-page *,.projects-page :before,.projects-page :after{box-sizing:inherit}.projects-page:before,.projects-page:after{content:"";pointer-events:none;position:fixed;inset:0}.projects-page:before{opacity:.9;background:linear-gradient(32deg,#0000 0 17%,#ffffff38 17.1% 17.45%,#0000 17.55%),linear-gradient(146deg,#0000 0 72%,#cdf3ff38 72.1% 72.45%,#0000 72.55%),radial-gradient(circle at 18% 28%,#0000 0 58px,#ffffff38 59px 60px,#0000 61px),radial-gradient(circle at 82% 76%,#0000 0 84px,#ffffff2e 85px 86px,#0000 87px)}.projects-page:after{background:radial-gradient(circle at 18% 12%,#ffffff38,#0000 18%),radial-gradient(circle at 84% 26%,#fdc65b29,#0000 14%),linear-gradient(#ffffff29,#0000 30%)}.projectsPage__top{z-index:1;color:#f7fbff;text-align:center;background:linear-gradient(#ffffff21 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#ffffff21 1px,#0000 1px) 0 0/18px 18px,#0c5d95c2;border:2px solid #f6fcffb8;border-radius:8px;max-width:1180px;margin:0 auto 28px;padding:22px;position:relative;box-shadow:0 18px 36px #15477433,inset 0 0 0 1px #124a7a38}.projectsPage__top h1{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px #15518466;margin:18px 0 14px;font-size:clamp(2rem,6vw,4.4rem);line-height:.95}.projectsPage__addProjectBtn{color:#0f4777;cursor:pointer;letter-spacing:0;background:linear-gradient(#fff,#dff6ff);border:2px solid #fff;border-radius:6px;min-height:44px;margin-bottom:0;padding:0 18px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 0 0 4px #ffffff29,0 10px 20px #15477438}.projectsPage__addProjectBtn:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 0 0 5px #ffffff38,0 14px 24px #15477447}.projectsPage__addProjectBtn:focus-visible{outline-offset:3px;outline:3px solid #fdc65b}.projectsPage__projectsList{z-index:1;text-align:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:stretch;gap:28px;width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.projects-page .projectCard{color:#143b5b;overflow-wrap:anywhere;text-align:center;background:linear-gradient(#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,#f6fcffe8;border:2px solid #ffffffc2;border-radius:8px;min-width:0;min-height:100%;padding:18px 18px 72px;position:relative;overflow:hidden;box-shadow:0 16px 30px #15477433,inset 0 0 0 1px #1a5e961f}.projects-page .projectCard:before{content:"";pointer-events:none;background:linear-gradient(35deg,#0000 0 38%,#1a80bc38 38.2% 38.8%,#0000 39%),linear-gradient(145deg,#0000 0 72%,#1a80bc2e 72.2% 72.8%,#0000 73%);border:1px dashed #1a80bc61;border-radius:6px;position:absolute;inset:10px}.projects-page .projectCard:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 31%,#1a80bc47 31% 34%,#0000 34% 64%,#1a80bc47 64% 67%,#0000 67%),linear-gradient(0deg,#0000 0 46%,#fdc65b94 46% 54%,#0000 54%),#ffffff8f;border:2px solid #1a80bc94;border-radius:5px;width:52px;height:38px;position:absolute;bottom:18px;right:18px;box-shadow:0 0 0 4px #1a80bc14}.projects-page .projectCard>*{z-index:1;position:relative}.projects-page .projectCard__title{color:#0f4777;letter-spacing:0;margin:0 0 14px;font-size:1.35rem;line-height:1.2}.projects-page .projectCard__image-container{aspect-ratio:16/10;background:#ffffff94;border:2px solid #1a80bc5c;border-radius:6px;margin-bottom:14px;overflow:hidden}.projects-page .projectCard__image{object-fit:cover;width:100%;height:100%;display:block}.projects-page .projectCard p{color:#214d69;text-align:center;max-width:100%;margin:9px 0;font-size:.95rem;line-height:1.45}.projects-page .projectCard__details{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.projects-page .projectCard__type,.projects-page .projectCard__status{color:#0f4777;background:#dff6ffc2;border:1px solid #1a80bc5c;border-radius:5px;width:fit-content;max-width:100%;margin-right:0;padding:5px 8px;display:inline-flex}.projects-page .projectCard__description{color:#123f61}@media (width<=720px){.projects-page,.projectsPage__top{padding:18px}.projectsPage__projectsList{grid-template-columns:1fr;gap:20px}}.projectCard{color:inherit;border:1px solid #000;text-decoration:none;display:block}.projectCard__details{justify-content:space-between;display:flex}.addProjectModal{box-sizing:border-box;z-index:1000;color:#143b5b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#ffffff1f 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff1f 1px,#0000 1px) 0 0/24px 24px,#07345a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.addProjectModal *,.addProjectModal :before,.addProjectModal :after{box-sizing:inherit}.addProjectModal__content{color:#143b5b;background:linear-gradient(#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(#fffffffa,#e5f7fff5);border:3px solid #123f61;border-radius:8px;width:min(720px,100%);max-height:min(86vh,760px);padding:24px;position:relative;overflow:auto;box-shadow:0 24px 70px #07345a6b,0 0 0 1px #ffffffd1,inset 0 0 0 1px #1a5e9624}.addProjectModal__content:before{content:"";pointer-events:none;background:linear-gradient(35deg,#0000 0 34%,#1a80bc33 34.2% 34.7%,#0000 34.9%),linear-gradient(145deg,#0000 0 76%,#1a80bc29 76.2% 76.7%,#0000 76.9%),radial-gradient(circle at 82% 18%,#0000 0 44px,#fdc65b80 45px 46px,#0000 47px);border:1px dashed #1a80bc61;border-radius:6px;position:absolute;inset:12px}.addProjectModal__content>*{z-index:1;position:relative}.addProjectModal__content h2{color:#0f4777;letter-spacing:0;text-transform:uppercase;text-shadow:0 1px #fff;margin:0 0 18px;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.05}.addProjectModal__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.addProjectModal__form label{color:#214d69;gap:7px;font-size:.92rem;font-weight:800;display:grid}.addProjectModal__form label:last-of-type{grid-column:1/-1}.addProjectModal__form label:has(textarea){grid-column:1/-1}.addProjectModal input,.addProjectModal select,.addProjectModal textarea{color:#143b5b;width:100%;min-height:42px;font:inherit;background:#ffffffd1;border:2px solid #1a80bc57;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffffb8}.addProjectModal input,.addProjectModal select{padding:0 11px}.addProjectModal textarea{resize:vertical;min-height:88px;padding:10px 11px}.addProjectModal input:focus,.addProjectModal select:focus,.addProjectModal textarea:focus{outline-offset:1px;border-color:#0f76b3;outline:3px solid #fdc65b61}.addProjectModal button{cursor:pointer;letter-spacing:0;border:2px solid #fff;border-radius:6px;min-height:42px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s}.addProjectModal__cancelBtn{z-index:3;float:right;color:#f7fbff;background:linear-gradient(#235d88,#15486f);margin:0 0 14px 14px;padding:0 14px;position:sticky;top:0;box-shadow:0 0 0 4px #123f6129,0 8px 16px #1547742e}.addProjectModal__form button[type=submit]{color:#0f4777;background:linear-gradient(#fff,#dff6ff);grid-column:1/-1;justify-self:start;padding:0 18px;box-shadow:0 0 0 4px #1a80bc1f,0 10px 20px #1547742e}.addProjectModal button:hover{filter:brightness(1.04);transform:translateY(-1px)}.addProjectModal button:focus-visible{outline-offset:3px;outline:3px solid #fdc65b}@media (width<=680px){.addProjectModal{padding:14px}.addProjectModal__content{max-height:90vh;padding:18px}.addProjectModal__form{grid-template-columns:1fr}.addProjectModal__cancelBtn{float:none;width:100%;margin:0 0 14px}.addProjectModal__form button[type=submit]{width:100%}}.projectPage{box-sizing:border-box;color:#143b5b;background:linear-gradient(#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,#f6fcffe8;border:2px solid #ffffffc2;border-radius:8px;width:min(1180px,100% - 64px);margin:28px auto 0;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 30px #15477433}.projectPage *,.projectPage :before,.projectPage :after{box-sizing:inherit}.projectPage:before{content:"";pointer-events:none;background:linear-gradient(35deg,#0000 0 38%,#1a80bc33 38.2% 38.8%,#0000 39%),linear-gradient(145deg,#0000 0 72%,#1a80bc29 72.2% 72.8%,#0000 73%);border:1px dashed #1a80bc61;border-radius:6px;position:absolute;inset:12px}.projectPage>*{z-index:1;position:relative}.projectPage h1{color:#0f4777;letter-spacing:0;text-shadow:0 1px #fff;margin:20px 0 14px;font-size:clamp(2rem,5vw,3.8rem);line-height:1}.projectPage h2{color:#0f4777;letter-spacing:0;margin:0 0 8px;font-size:1.2rem}.projectPage p{color:#214d69;overflow-wrap:anywhere;margin:10px 0;font-size:1rem;line-height:1.5}.projectPage__image-container{aspect-ratio:16/9;background:#ffffff94;border:2px solid #1a80bc5c;border-radius:6px;width:100%;overflow:hidden}.projectPage__image{object-fit:cover;width:100%;height:100%;display:block}.ProjectPage__Description,.projectPage__reason,.projectPage__Tools,.projectPage__Breakdown,.projectPage__TimeTaken{background:#dff6ffa8;border:1px solid #1a80bc5c;border-radius:6px;margin-top:16px;padding:16px}.projectPage__status{border:2px solid;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:34px;margin:4px 0 10px;padding:0 14px;font-size:.92rem;font-weight:800;line-height:1;display:inline-flex}.projectPage__status--done{color:#17683a;background:#63dc8e47}.projectPage__status--inProgress{color:#7a5a00;background:#fdc65b61}.projectPage__status--notStarted{color:#0f4777;background:#6fc6ff52}.projectPage__backLink,.projectPage__editBtn,.projectPage__editActions button{cursor:pointer;color:#0f4777;min-height:42px;font:inherit;background:linear-gradient(#fff,#dff6ff);border:2px solid #fff;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 0 0 4px #1a80bc1f,0 10px 20px #1547742e}.projectPage__backLink{margin:0 12px 16px 0}.projectPage__editBtn{margin:0 0 16px}.projectPage__editForm{background:#dff6ffa8;border:1px solid #1a80bc5c;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:16px;display:grid}.projectPage__editForm label{color:#214d69;gap:7px;font-size:.92rem;font-weight:800;display:grid}.projectPage__editForm label:last-of-type,.projectPage__editActions{grid-column:1/-1}.projectPage__editForm label:has(textarea){grid-column:1/-1}.projectPage__editForm input,.projectPage__editForm select,.projectPage__editForm textarea{color:#143b5b;width:100%;min-height:42px;font:inherit;background:#ffffffd1;border:2px solid #1a80bc57;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffffb8}.projectPage__editForm input,.projectPage__editForm select{padding:0 11px}.projectPage__editForm textarea{resize:vertical;min-height:88px;padding:10px 11px}.projectPage__editForm input:focus,.projectPage__editForm select:focus,.projectPage__editForm textarea:focus{outline-offset:1px;border-color:#0f76b3;outline:3px solid #fdc65b61}.projectPage__editActions{flex-wrap:wrap;gap:12px;display:flex}.projectPage__editActions button[type=button]{color:#f7fbff;background:linear-gradient(#235d88,#15486f)}.projectPage__backLink:hover,.projectPage__editBtn:hover,.projectPage__editActions button:hover{filter:brightness(1.04);transform:translateY(-1px)}.projectPage__backLink:focus-visible,.projectPage__editBtn:focus-visible,.projectPage__editActions button:focus-visible{outline-offset:3px;outline:3px solid #fdc65b}@media (width<=720px){.projectPage{width:calc(100% - 36px);margin-top:18px;padding:18px}.projectPage__editForm{grid-template-columns:1fr}.projectPage__backLink,.projectPage__editBtn,.projectPage__editActions button{width:100%;margin-right:0}}.addItemModal{box-sizing:border-box;z-index:1000;color:#143b5b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#ffffff1f 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff1f 1px,#0000 1px) 0 0/24px 24px,#07345a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.addItemModal *,.addItemModal :before,.addItemModal :after{box-sizing:inherit}.addItemModal__content{color:#143b5b;background:linear-gradient(#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(#fffffffa,#e5f7fff5);border:3px solid #123f61;border-radius:8px;width:min(620px,100%);max-height:min(86vh,680px);padding:24px;position:relative;overflow:auto;box-shadow:0 24px 70px #07345a6b,0 0 0 1px #ffffffd1,inset 0 0 0 1px #1a5e9624}.addItemModal__content:before{content:"";pointer-events:none;background:linear-gradient(35deg,#0000 0 34%,#1a80bc33 34.2% 34.7%,#0000 34.9%),linear-gradient(145deg,#0000 0 76%,#1a80bc29 76.2% 76.7%,#0000 76.9%),radial-gradient(circle at 82% 18%,#0000 0 44px,#fdc65b80 45px 46px,#0000 47px);border:1px dashed #1a80bc61;border-radius:6px;position:absolute;inset:12px}.addItemModal__content>*{z-index:1;position:relative}.addItemModal__content h2{color:#0f4777;letter-spacing:0;text-transform:uppercase;text-shadow:0 1px #fff;margin:0 0 18px;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.05}.addItemModal__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.addItemModal__form label{color:#214d69;gap:7px;font-size:.92rem;font-weight:800;display:grid}.addItemModal__form label:first-child,.addItemModal__form button[type=submit]{grid-column:1/-1}.addItemModal input,.addItemModal select{color:#143b5b;width:100%;min-height:42px;font:inherit;background:#ffffffd1;border:2px solid #1a80bc57;border-radius:6px;padding:0 11px;box-shadow:inset 0 0 0 1px #ffffffb8}.addItemModal input:focus,.addItemModal select:focus{outline-offset:1px;border-color:#0f76b3;outline:3px solid #fdc65b61}.addItemModal button{cursor:pointer;letter-spacing:0;border:2px solid #fff;border-radius:6px;min-height:42px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s}.addItemModal__cancelBtn{z-index:3;float:right;color:#f7fbff;background:linear-gradient(#235d88,#15486f);margin:0 0 14px 14px;padding:0 14px;position:sticky;top:0;box-shadow:0 0 0 4px #123f6129,0 8px 16px #1547742e}.addItemModal__form button[type=submit]{color:#0f4777;background:linear-gradient(#fff,#dff6ff);justify-self:start;padding:0 18px;box-shadow:0 0 0 4px #1a80bc1f,0 10px 20px #1547742e}.addItemModal button:hover{filter:brightness(1.04);transform:translateY(-1px)}.addItemModal button:focus-visible{outline-offset:3px;outline:3px solid #fdc65b}@media (width<=680px){.addItemModal{padding:14px}.addItemModal__content{max-height:90vh;padding:18px}.addItemModal__form{grid-template-columns:1fr}.addItemModal__cancelBtn{float:none;width:100%;margin:0 0 14px}.addItemModal__form button[type=submit]{width:100%}}.itemCard{color:#143b5b;overflow-wrap:anywhere;text-align:left;background:linear-gradient(#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,#f6fcffe8;border:2px solid #ffffffc2;border-radius:8px;flex-direction:column;min-width:0;min-height:190px;padding:16px;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px #15477433,inset 0 0 0 1px #1a5e961f}.itemCard:before{content:"";pointer-events:none;background:linear-gradient(35deg,#0000 0 38%,#1a80bc29 38.2% 38.8%,#0000 39%);border:1px dashed #1a80bc61;border-radius:6px;position:absolute;inset:9px}.itemCard:after{content:"";pointer-events:none;background:#fdc65b;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 4px #fdc65b38}.itemCard>*{z-index:1;position:relative}.itemCard:hover{filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 20px 34px #15477442,inset 0 0 0 1px #1a5e961f}.itemCard:focus-visible{outline-offset:4px;outline:3px solid #fdc65b}.itemCard__title{color:#0f4777;letter-spacing:0;margin:0 22px 14px 0;font-size:1.15rem;line-height:1.2}.itemCard__details{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:14px;display:flex}.itemCard__quantity,.itemCard__category{color:#0f4777;background:#dff6ffc2;border:1px solid #1a80bc5c;border-radius:5px;width:fit-content;max-width:100%;margin:0;padding:5px 8px;font-size:.88rem;line-height:1.35;display:inline-flex}.itemCard__description{color:#123f61;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.92rem;line-height:1.45;display:-webkit-box;overflow:hidden}.invatoryPage{box-sizing:border-box;color:#f7fbff;background:linear-gradient(#ffffff1a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff1a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/120px 120px,linear-gradient(90deg,#ffffff2e 1px,#0000 1px) 0 0/120px 120px,linear-gradient(135deg,#11619b 0%,#1f7fbc 46%,#35a1cf 100%);min-height:100vh;padding:32px;position:relative;overflow:hidden}.invatoryPage *,.invatoryPage :before,.invatoryPage :after{box-sizing:inherit}.invatoryPage:before,.invatoryPage:after{content:"";pointer-events:none;position:fixed;inset:0}.invatoryPage:before{opacity:.9;background:linear-gradient(32deg,#0000 0 17%,#fff3 17.1% 17.45%,#0000 17.55%),linear-gradient(146deg,#0000 0 72%,#cdf3ff38 72.1% 72.45%,#0000 72.55%),radial-gradient(circle at 18% 28%,#0000 0 58px,#ffffff38 59px 60px,#0000 61px),radial-gradient(circle at 82% 76%,#0000 0 84px,#ffffff2e 85px 86px,#0000 87px)}.invatoryPage:after{background:radial-gradient(circle at 18% 12%,#ffffff38,#0000 18%),radial-gradient(circle at 84% 26%,#fdc65b29,#0000 14%),linear-gradient(#ffffff29,#0000 30%)}.invatoryPage__top,.invatoryPage__content,.invatoryPageList{z-index:1;margin-left:auto;margin-right:auto;position:relative}.invatoryPage__top{color:#f7fbff;text-align:center;background:linear-gradient(#ffffff21 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#ffffff21 1px,#0000 1px) 0 0/18px 18px,#0c5d95c2;border:2px solid #f6fcffb8;border-radius:8px;max-width:1180px;margin-bottom:28px;padding:22px;box-shadow:0 18px 36px #15477433,inset 0 0 0 1px #124a7a38}.invatoryPage__top h1{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px #15518466;margin:18px 0 14px;font-size:clamp(2rem,6vw,4.4rem);line-height:.95}.invatoryPage__add-btn{color:#0f4777;cursor:pointer;letter-spacing:0;background:linear-gradient(#fff,#dff6ff);border:2px solid #fff;border-radius:6px;min-height:44px;margin-bottom:0;padding:0 18px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 0 0 4px #ffffff29,0 10px 20px #15477438}.invatoryPage__add-btn:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 0 0 5px #ffffff38,0 14px 24px #15477447}.invatoryPage__add-btn:focus-visible{outline-offset:3px;outline:3px solid #fdc65b}.invatoryPageList{grid-template-columns:repeat(auto-fill,minmax(220px,260px));justify-content:center;align-items:start;gap:22px;width:min(1180px,100%);min-height:220px;display:grid}@media (width<=720px){.invatoryPage,.invatoryPage__top{padding:18px}.invatoryPageList{grid-template-columns:minmax(0,320px);gap:18px}}.itemPage{box-sizing:border-box;color:#143b5b;background:linear-gradient(#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#1a80bc1c 1px,#0000 1px) 0 0/20px 20px,#f6fcffe8;border:2px solid #ffffffc2;border-radius:8px;width:min(1180px,100% - 64px);margin:28px auto 0;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 30px #15477433}.itemPage *,.itemPage :before,.itemPage :after{box-sizing:inherit}.itemPage:before{content:"";pointer-events:none;background:linear-gradient(35deg,#0000 0 38%,#1a80bc33 38.2% 38.8%,#0000 39%),linear-gradient(145deg,#0000 0 72%,#1a80bc29 72.2% 72.8%,#0000 73%);border:1px dashed #1a80bc61;border-radius:6px;position:absolute;inset:12px}.itemPage>*{z-index:1;position:relative}.itemPage__top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.itemPage__title{color:#0f4777;letter-spacing:0;text-shadow:0 1px #fff;margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1}.itemPage h2{color:#0f4777;letter-spacing:0;margin:0 0 8px;font-size:1.2rem}.itemPage p{color:#214d69;overflow-wrap:anywhere;margin:10px 0;font-size:1rem;line-height:1.5}.itemPage__content{grid-template-columns:repeat(2,minmax(0,max-content));align-items:start;gap:12px;display:grid}.itemPage__meta,.itemPage__description{background:#dff6ffa8;border:1px solid #1a80bc5c;border-radius:6px;padding:16px}.itemPage__meta{margin:0}.itemPage__description{grid-column:1/-1}.itemPage__description p{margin-bottom:0}.itemPage__back-link,.itemPage__edit-btn,.itemPage__editForm button{cursor:pointer;color:#0f4777;min-height:42px;font:inherit;background:linear-gradient(#fff,#dff6ff);border:2px solid #fff;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 0 0 4px #1a80bc1f,0 10px 20px #1547742e}.itemPage__back-link{margin:0 12px 16px 0}.itemPage__edit-btn{flex:none}.itemPage__editForm{background:#dff6ffa8;border:1px solid #1a80bc5c;border-radius:6px;margin:0 0 18px;padding:16px}.itemPage__editForm form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.itemPage__editForm label{color:#214d69;gap:7px;font-size:.92rem;font-weight:800;display:grid}.itemPage__editForm label:has(textarea){grid-column:1/-1}.itemPage__editForm input,.itemPage__editForm select,.itemPage__editForm textarea{color:#143b5b;width:100%;min-height:42px;font:inherit;background:#ffffffd1;border:2px solid #1a80bc57;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffffb8}.itemPage__editForm input,.itemPage__editForm select{padding:0 11px}.itemPage__editForm textarea{resize:vertical;min-height:88px;padding:10px 11px}.itemPage__editForm input:focus,.itemPage__editForm select:focus,.itemPage__editForm textarea:focus{outline-offset:1px;border-color:#0f76b3;outline:3px solid #fdc65b61}.itemPage__editForm button{justify-self:start}.itemPage__editForm button[type=button]{color:#f7fbff;background:linear-gradient(#235d88,#15486f)}.itemPage__back-link:hover,.itemPage__edit-btn:hover,.itemPage__editForm button:hover{filter:brightness(1.04);transform:translateY(-1px)}.itemPage__back-link:focus-visible,.itemPage__edit-btn:focus-visible,.itemPage__editForm button:focus-visible{outline-offset:3px;outline:3px solid #fdc65b}@media (width<=720px){.itemPage{width:calc(100% - 36px);margin-top:18px;padding:18px}.itemPage__top,.itemPage__content,.itemPage__editForm form{grid-template-columns:1fr}.itemPage__top{display:grid}.itemPage__back-link,.itemPage__edit-btn,.itemPage__editForm button{width:100%;margin-right:0}}