@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@layer vendor,tokens,base,components,utilities;@font-face{font-family:Sketch-Chalk;src:url(/build/assets/Sketch-Chalk-D_t9OMJ5.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChalkSerif;src:url(/build/assets/ChalkSerif-B3kSV3Lr.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BrightChalk;src:url(/build/assets/BrightChalk-kUtPRkjl.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@layer vendor;@layer tokens{:root{--color-lightest: oklch(1 0 0);--color-darkest: oklch(0 0 0);--neutral-100: oklch(.978 .002 264);--neutral-200: oklch(.938 .003 264);--neutral-300: oklch(.904 .004 264);--neutral-400: oklch(.856 .005 264);--neutral-500: oklch(.735 .005 264);--neutral-600: oklch(.53 .006 264);--neutral-700: oklch(.396 .005 264);--neutral-800: oklch(.283 .004 264);--neutral-900: oklch(.194 .002 264);--color-signal-green: oklch(.698 .167 145);--color-signal-blue: oklch(85.555% .02739 234.153);--color-signal-red: oklch(.656 .229 31);--color-signal-yellow: oklch(.82 .17 96);--color-surface: var(--color-lightest);--color-surface-page: var(--neutral-100);--color-on-surface: var(--neutral-900);--color-on-surface-muted: var(--neutral-600);--color-on-surface-subtle: var(--neutral-400);--color-outline: var(--neutral-300);--color-outline-strong: var(--neutral-500);--color-primary: var(--color-signal-green);--color-on-primary: var(--color-lightest);--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) c h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-surface: oklch(from var(--color-primary) .93 calc(c*.29) h);--color-primary-border: oklch(from var(--color-primary) calc(l - .04) c h);--color-primary-focus: oklch(from var(--color-primary) l c h / .5);--color-secondary: var(--color-signal-blue);--color-on-secondary: var(--color-lightest);--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-secondary-active: oklch(from var(--color-secondary) calc(l - .12) c h);--color-secondary-surface: oklch(from var(--color-secondary) .94 calc(c*.15) h);--color-secondary-border: oklch(from var(--color-secondary) calc(l - .04) c h);--color-secondary-focus: oklch(from var(--color-secondary) l c h / .5);--color-success: var(--color-signal-green);--color-on-success: var(--color-lightest);--color-success-surface: oklch(from var(--color-success) .92 calc(c*.29) h);--color-success-border: oklch(from var(--color-success) calc(l - .04) c h);--color-success-text: oklch(from var(--color-success) calc(l - .32) c h);--color-danger: var(--color-signal-red);--color-on-danger: var(--color-lightest);--color-danger-hover: oklch(from var(--color-danger) calc(l - .08) c h);--color-danger-active: oklch(from var(--color-danger) calc(l - .12) c h);--color-danger-surface: oklch(from var(--color-danger) .95 calc(c*.15) h);--color-danger-border: oklch(from var(--color-danger) calc(l - .04) c h);--color-danger-text: oklch(from var(--color-danger) calc(l - .25) c h);--color-danger-focus: oklch(from var(--color-danger) l c h / .5)}}@layer tokens{:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--font-family-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-handwritten: "Sketch-Chalk", cursive;--font-family-serif: "ChalkSerif", serif;--font-family-bright: "BrightChalk", cursive}}@layer tokens{:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem}}@layer tokens{:root{--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)}}@layer base.base{*:not(path),*:before,*:after{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;text-wrap:pretty}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/build/assets/office-desk-texture-Bv4zolY6.jpg) left top repeat transparent;pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6,.notification{text-wrap:balance;color:var(--neutral-100)}h2{font-size:var(--font-size-5xl);font-family:var(--font-family-handwritten);font-weight:400;margin-block:0}h3{font-size:var(--font-size-5xl);font-family:var(--font-family-serif);font-weight:400;margin-top:var(--spacing-sm)}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin:var(--spacing-sm) 0 var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.page-title:before{content:"";width:6px;height:1.2em;background:linear-gradient(to bottom,var(--color-primary),var(--color-primary-dark));border-radius:var(--border-radius-sm)}.main-container{display:flex;flex-direction:column;height:100vh}.main-content{flex-grow:1;display:flex;height:calc(100vh - 7.125rem)}.main-header{padding:var(--spacing-md) var(--spacing-lg);background:url(/build/assets/pinnwall-B-l3IgWT.png) repeat center transparent;color:var(--color-white);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:relative;z-index:10}.main-header h1{font-size:1.8rem;margin:0;font-weight:600;letter-spacing:.5px}.main-header h1 a{--logo-icon-size: 80px;text-decoration:none;color:var(--color-white);display:flex;align-items:center;transition:all .2s ease;position:relative}.main-header h1 a:hover{text-shadow:0 0 10px rgba(255,255,255,.5)}.main-header h1 a:before{content:"";display:inline-block;width:var(--logo-icon-size);height:81.88px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 198.39 203.06" width="80" height="81.88"><path d="M148.81,69.49c26.89-.45,49.07,20.96,49.57,47.85.5,26.89-20.87,49.11-47.77,49.65-26.96.55-49.24-20.89-49.74-47.85-.5-26.96,20.98-49.21,47.94-49.66ZM152.72,161.87c24.11-1.68,42.29-22.58,40.62-46.69-1.68-24.11-22.58-42.29-46.68-40.62-24.12,1.67-42.31,22.58-40.63,46.69,1.68,24.11,22.59,42.3,46.7,40.62Z" fill="%23fff"></path><path d="M147.4,80.78c20.68-1.28,38.5,14.41,39.85,35.08,1.35,20.67-14.28,38.54-34.95,39.96-20.77,1.43-38.74-14.29-40.1-35.07-1.36-20.77,14.42-38.69,35.2-39.98ZM146.67,115.12h-22.07c-.12,8.21-.95,6.31,6.95,6.53,4.89.14,10.28-.19,15.12,0,.07,7.43-.19,15.38,0,22.73,1.6.28,2.37.17,4,0,.9.11,1.67.19,2.58,0v-22.73h15.05c1.65,0,5.63.14,7.02,0,.02-1.16.19-5.41-.28-6.22-1.93-.65-18.47-.31-21.79-.31v-21.83c-1.53-.2-2.44-.14-3.98,0-1.78-.09-2.54-.23-2.59,1.8-.05,2.34-.03,4.72-.02,7.06v12.98Z" fill="%23adb5bd"></path><path d="M147.6,88.04c9.91-.05,10.57,1.31,10.56,11.21v10.93s11.23-.01,11.23-.01c5.17,0,10.7-.8,11.14,6.42.63,10.26-2.71,10.12-10.84,10.12h-11.54s.01,11.94.01,11.94c0,4.69,1.04,9.86-4.92,10.94-10.56.05-11.53-.08-11.59-11.39-.02-3.84-.04-7.68,0-11.5-5.6-.07-11.92.22-17.5-.16-4.03-.83-4.56-4.03-4.67-7.18-.33-9.37,2.65-9.18,10.93-9.18h11.24s0-10.42,0-10.42c-.01-4.92-.86-11.22,5.95-11.71ZM146.67,115.12h-22.07c-.12,8.21-.95,6.31,6.95,6.53,4.89.14,10.28-.19,15.12,0,.07,7.43-.19,15.38,0,22.73,1.6.28,2.37.17,4,0,.9.11,1.67.19,2.58,0v-22.73h15.05c1.65,0,5.63.14,7.02,0,.02-1.16.19-5.41-.28-6.22-1.93-.65-18.47-.31-21.79-.31v-21.83c-1.53-.2-2.44-.14-3.98,0-1.78-.09-2.54-.23-2.59,1.8-.05,2.34-.03,4.72-.02,7.06v12.98ZM19.2,79.42c-7.23.46-5.39-9.63-5.39-14.39l-.02-33.22c-.03-14.35,2.94-12.52,16.33-12.59,2.79-.01,20.1-.46,21.78.38,3.06,1.53,9.69,8.79,12.76,11.85,2.12,2.1,2.49,3.07,2.44,5.93,1.14.45,2.12,1.47,2.57,2.61.35.89.33,35.07.15,38.42-.35,6.49-7.57,5.3-12.04,5.29h-26.11c-5.56,0-9.65,1.31-12.47-4.28ZM62.25,36.59c-1.45-2.22-5.47-5.98-7.6-7.95-.69-.96-3.42-3.72-4.39-4.62h-20.44c-2.61,0-7.63-.17-10.02,0-1.66,2.06-1.17,5-1.17,7.59v42.87c1.52,0,3.07.03,4.59,0h24.03c4.11,0,8.22.06,12.33-.02,2.25-.04,2.65-.67,2.67-2.82v-35.04Z" fill="%23fff"></path><path d="M67.11,37.37c1.14.45,2.12,1.47,2.57,2.61.35.89.33,35.07.15,38.42-.35,6.49-7.57,5.3-12.04,5.29h-26.11c-5.56,0-9.65,1.31-12.47-4.28,1.42-.24,6.32-.01,8,0l24.04.02c3.63,0,7.47.16,11.07-.17,6.34-1.02,4.81-10.25,4.81-14.77v-17.91c0-2.98-.09-6.24,0-9.19Z" fill="%23adb5bd"></path><path d="M54.65,28.65c2.13,1.97,6.15,5.72,7.6,7.95v35.04c-.03,2.16-.43,2.78-2.67,2.82-4.11.08-8.22.03-12.33.03h-24.03c-.13-3.03,0-6.83,0-9.93v-29.94c-.03-2.13-.24-3.85,0-5.97h20.69c3.51,0,7.25.09,10.74,0ZM29.33,64.79h23.91v-6.03h-23.91v6.03ZM29.33,47.9v5.8c7.88.02,16.04.11,23.91,0v-5.8h-23.91ZM37.77,36.59h-8.45v5.84h15.68c2.69.01,5.55.07,8.23,0v-5.84h-15.46Z" fill="%23adb5bd"></path><path d="M18.64.07h111.92c3.9-.02,3.82-.6,6.84,2.08,3.74,3.33,7.1,6.83,10.62,10.37l18.86,18.63c1.11,1.07,3.18,2.9,4.05,4.01l.17.22c1.01,1.31.49,8.64.49,10.65v20.75c-1.61-.4-3.41-.89-5-1.36v-26.63h-15.34c-16.87.02-19.56-2.46-19.54-19.42V5.01s-104.69,0-104.69,0c-3.26,0-15.45-.38-17.97.31-4.1,1.13-4.02,5.45-4.03,8.9v151.84c-.02,11.25.68,10.06,11.94,10v4.83c-6.5.31-16.93.34-16.94-8.84L.03,14.47C.04,4.51,2.75.05,13.27.06h5.37ZM161.9,33.79l.12-.26c-.93-1.37-23.99-24.15-25.36-24.92v12.51c-.02,5.86-.15,13.92,8.89,12.7,5.42-.32,10.95.39,16.35-.03Z" fill="%23fff"></path><path d="M23.7,144.38h4.86c.11,3.78,0,8.15,0,11.95l-.02,32.12c-.02,8.35.02,9.69,9.01,9.64l123.49-.02c6.12-.04,5.54-6.3,5.54-10.68v-11.64c-.02-1.8-.21-4.02-.01-5.76,1.52-.94,3.23-1.55,5-1.82-.2,2.12-.2,2.77,0,4.92v11.31c.01,3.19.06,6.3-.26,9.48-1.01,10.19-10.33,9.17-17.49,9.14H37.55c-11.25.03-13.89-2.49-13.87-13.72v-44.93Z" fill="%23fff"></path><path d="M95.72,164.9c6.33-.31,11.71,2.75,12.27,9.41.77,9.09-.31,16.07-10.42,17.32-17.68.36-17.12-26.42-1.86-26.73ZM98.24,187.13c6.93-.33,8.99-19.41-3.23-18.08-6.02.73-5.92,7.21-5.46,12.05.48,4.99,4.12,7.03,8.69,6.03ZM62.25,164.9c5.36-.13,12.47-.33,15.38,5.25,2.8,5.39,2.45,16.38-4.09,19.75-3.34,1.69-11.57,1.23-15.61,1.22v-25.62c1.47-.27,2.85-.43,4.33-.61ZM62.92,169.05v18.08c2.6.1,5.7.46,8.03-.73,5.21-3.28,6.48-18.14-5.5-17.35-.87.02-1.66.04-2.53,0Z" fill="%23fff"></path><path d="M23.7,90.68h74.54c0,.58.16,4.79,0,5.04H23.7c.24-2.2.3-2.87,0-5.04Z" fill="%23fff"></path><path d="M75.45,58.76h66.91v5.06h-44.77c-7.19,0-14.99.15-22.14,0v-5.06Z" fill="%23fff"></path><path d="M38.75,129.49h57.43c.42,2.04.66,3.11,1.4,5.05h-58.83v-5.05Z" fill="%23fff"></path><path d="M124.6,164.9c4.62-1.09,10.22,2.13,10.64,6.94.24,2.75-1.55,1.69-4.16,1.26-1.09-3.51-2.84-4.52-6.5-4.4-8.41.47-8.74,19.31.93,18.86,2.31-.11,3.45-.46,4.9-2.35.43-.82.81-1.49,1.29-2.28h3.69c-.14,11.25-18.11,11.43-20.55,1.88-2.2-8.62-1.54-19.77,9.76-19.92Z" fill="%23fff"></path><path d="M75.45,47.35h41.22v5.06h-41.22v-5.06ZM52.81,116.69c4.06.18,9.58,0,13.77,0h27.98c-.04,1.58,0,3.37,0,4.97h-41.75c-.01-1.65-.03-3.31,0-4.96ZM23.7,103.81h37.25c0,.79.13,4.46,0,4.89H23.7c.19-2.04.19-2.88,0-4.89ZM67.57,103.81h28.15c-.32,1.44-.51,2.53-.71,3.97-.37,1.7-6.6.92-8.5.92h-18.93c0-1.32-.14-3.7,0-4.89ZM23.7,116.69h22.51v4.96c-2.35.09-5.46,0-7.86,0h-14.65c.22-2.16.18-2.82,0-4.97ZM123.46,47.35h18.9v5.06c-6.2,0-12.74.12-18.9,0v-5.06ZM23.7,129.49h8.44v5.05h-8.44c.25-2.22.26-2.83,0-5.05Z" fill="%23fff"></path></svg>');margin-right:var(--spacing-sm);background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:contain}.main-header h1 a:after{content:"";position:absolute;bottom:.5rem;left:var(--logo-icon-size);width:0;height:.2rem;background-color:var(--color-white);transition:width .3s ease}.main-header h1 a:hover:after{width:calc(100% - var(--logo-icon-size))}.user-selector{display:flex;gap:10px;align-items:center}.container{display:flex}.sidebar{background:url(/build/assets/paper-yellow-BRHNsftV.jpg) repeat center #f4f4f4;padding:1em 0;height:100%;overflow:auto}.sidebar h2{margin-top:0;padding:0 1em}.sidebar ul{list-style:none}.sidebar ul li{width:100%;border-bottom:1px solid var(--color-gray-500);margin-bottom:-1px}.sidebar ul li a{text-decoration:none;color:#333;padding:.5em;transition:background-color .2s;box-shadow:0 0 #0000;transition:box-shadow .2s}.sidebar ul li a.active-category{background-color:#4a6da7;color:#fff;box-shadow:0 0 0 2px #4a6da74d;font-weight:700}.sidebar ul li a:hover{background-color:#e0e0e0;box-shadow:0 0 0 2px #0000001a}.content{flex:1;padding:1em;height:100%;overflow:auto}.search-bar{margin-bottom:1em}.search-bar form{display:flex;gap:.5em}.search-bar input[type=text]{flex:1;padding:.5em}.search-bar button[type=submit]{background-color:#4a6da7;color:#fff;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;transition:background-color .2s;box-shadow:0 0 #0000;transition:box-shadow .2s;height:100%}.search-bar button[type=submit]:hover{background-color:#3a5d97;box-shadow:0 0 0 2px #0000001a}.search-bar a button[type=button]{background-color:#28a745;color:#fff;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;transition:background-color .2s;box-shadow:0 0 #0000;transition:box-shadow .2s}.search-bar a button[type=button]:hover{background-color:#218838;box-shadow:0 0 0 2px #0000001a}.download-button{display:inline-block;background-color:#4a6da7;color:#fff;text-decoration:none;padding:.7em 1.5em;border-radius:4px;font-weight:700;transition:all .2s ease}.download-button:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.user-button:not(.active):hover{box-shadow:0 0 4px #ffffff4d;transform:translateY(-1px);transition:all .2s ease}.user-button{transition:all .2s ease}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;line-height:1.5;border-radius:.25rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.btn-primary{color:#fff;background-color:#4a6da7;border-color:#4a6da7}.btn-primary:hover{color:#fff;background-color:#3c598c;border-color:#385483}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.category-manager .btn--add{margin:var(--spacing-lg) 0}.light-text{color:#999}.text-disabled{color:var(--color-gray-600);opacity:.85}.alert{padding:12px 15px;margin-bottom:15px;border:1px solid transparent;border-radius:4px;font-size:14px}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.search-container .search-form{display:flex;align-items:stretch;margin-bottom:20px;gap:10px;flex-wrap:wrap}.search-form__inputs{display:flex;flex:1;gap:10px;min-width:0}.search-form__field{flex:1;min-width:150px}.search-form__actions{display:flex;gap:10px;align-items:stretch}.search-form__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-form__field .form-control{width:100%;padding:.5rem .75rem;font-size:1rem;font-family:inherit;color:#334155;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s}.search-form__field .form-control::placeholder{color:#9ca3af}.search-form__field .form-control:focus{border-color:#10b981;box-shadow:0 0 0 .2rem #10b98140}.search-button{padding:8px 15px;background-color:#4a6da7;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.search-button:hover{background-color:#3a5a94}.upload-button{padding:8px 15px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-button:hover{background-color:#218838;text-decoration:none;color:#fff}.is-disabled-link{opacity:.55;pointer-events:none;cursor:not-allowed;filter:grayscale(15%)}.upload-form__line-clarification a{text-decoration:underline;transition:text-decoration .2s ease}.upload-form__line-clarification a:hover{text-decoration:none}.empty-state{text-align:center;padding:40px 20px;margin:20px auto;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;max-width:500px}.empty-state i{font-size:48px;color:#aaa;margin-bottom:20px;display:block}.empty-state p{font-size:18px;color:#555;margin-bottom:10px}.empty-state .sub-message{font-size:14px;color:#777;margin-bottom:20px}.empty-state .btn-primary{background-color:#4a6da7;color:#fff;border:none;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700;display:inline-block}.empty-state .btn-primary:hover{background-color:#3a5a8f}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.category-header h2{margin:0}.category-actions{display:flex;align-items:center}.show-all-btn{background-color:transparent;color:#555;border:1px solid #ccc;padding:5px 10px;border-radius:4px;text-decoration:none;font-size:14px;line-height:1.5;transition:all .2s ease;display:inline-flex;align-items:center;margin-left:auto}.show-all-btn i{margin-right:5px;font-size:14px}.show-all-btn:hover{background-color:#f0f0f0;border-color:#aaa;color:#333}@media(max-width:768px){.container{flex-direction:column}.sidebar{width:100%;padding:.5em}.sidebar ul{display:flex;flex-wrap:wrap;gap:5px}.sidebar ul li{margin-bottom:0}}.upload-box{padding:2em;max-width:70rem;margin:0 auto}.card{border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;background-color:#fff;padding:0;margin-bottom:30px}.card__header{background-color:#4a6da7;color:#fff;padding:15px 25px;display:flex;justify-content:space-between;align-items:center}.card__header-title{margin:0;font-size:1.5rem}.card__header-link{background-color:#fff;color:#4a6da7;border:none;padding:8px 15px;border-radius:4px;font-weight:700;text-decoration:none}.card__body{padding:25px}.upload-form__container{padding:2em;max-width:70rem;margin:0 auto}.upload-form__alert{padding:12px 15px;margin-bottom:15px;border:1px solid transparent;border-radius:4px;font-size:14px}.upload-form__alert--success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.upload-form__alert--danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.upload-form__error-message{text-align:left;color:#dc3545;font-size:.85em;margin-top:.3em;padding:.3em 0;font-weight:500}.upload-form__header-button{background-color:#fff;color:#4a6da7;border:none;padding:8px 15px;margin-left:3rem;border-radius:4px;font-weight:700;text-decoration:none;transition:all .2s ease}.upload-form__header-button:hover{background-color:#f0f4fa}.upload-form__line{margin-bottom:2rem}.upload-form__line-title{display:block;margin-bottom:8px;font-weight:600;color:#333}.upload-form__line-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px}.upload-form__line-input:focus{border-color:#4a6da7;box-shadow:0 0 0 3px #4a6da71a;outline:none}.upload-form__line-clarification{color:#666;display:block;margin-top:8px;font-style:italic}.upload-form__line-size{background:#eee;padding:3px 6px;border-radius:3px;color:#666}.upload-form__static-value{padding:8px 12px;background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);color:var(--color-gray-800);font-style:italic}.is-invalid{border-color:#dc3545!important;box-shadow:0 0 0 .1rem #dc354540!important}.upload-form__line-input.is-invalid{background-color:#fff8f8}.upload-form__line--file .upload-form__line-input{border:1px dashed #ccc;background:#f9f9f9;padding:15px;border-radius:4px;text-align:center}.upload-form__line-formats{margin-top:10px;font-size:13px;color:#666}.upload-form__line-format{background:#eee;padding:3px 6px;border-radius:3px;margin-right:5px;display:inline-block}.upload-form__line-size{margin-left:10px}.upload-form__line-input input[type=file]{width:100%}.upload-form__line--select .upload-form__line-input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s,box-shadow .2s}.upload-form__line--select .upload-form__line-input:focus{border-color:#4a6da7;box-shadow:0 0 0 3px #4a6da71a;outline:none}.upload-form__line--textarea .upload-form__line-input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;min-height:120px;resize:vertical;transition:border-color .2s,box-shadow .2s}.upload-form__line--textarea .upload-form__line-input:focus{border-color:#4a6da7;box-shadow:0 0 0 3px #4a6da71a;outline:none}.upload-form__line--button{margin-bottom:0}.upload-form__line--button .upload-form__line-button{background-color:#28a745;color:#fff;border:none;padding:12px 30px;border-radius:4px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #28a74533}.upload-form__line--button .upload-form__line-button:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 6px 8px #28a7454d}.upload-success{max-width:800px;margin:var(--spacing-xl) auto;padding:var(--spacing-md)}.upload-success__message{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-text);padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);text-align:center}.upload-success__title{margin-top:0;font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md)}.upload-success__text{font-size:1.1rem;margin-bottom:0}.upload-success__details{background-color:var(--color-gray-100);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-300);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.upload-success__subtitle{margin-top:0;font-size:1.4rem;color:var(--color-gray-800);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-300);padding-bottom:var(--spacing-sm)}.upload-success__table{width:100%;border-collapse:collapse}.upload-success__row:nth-child(2n){background-color:#00000005}.upload-success__row:not(:last-child){border-bottom:1px solid var(--color-gray-200)}.upload-success__label{padding:var(--spacing-md);font-weight:600;color:var(--color-gray-700);width:30%;vertical-align:top}.upload-success__value{padding:var(--spacing-md);color:var(--color-gray-900)}.upload-success__note{font-size:.85rem;color:var(--color-gray-600);display:inline-block;margin-left:var(--spacing-sm)}.upload-success__actions{text-align:center;margin-top:var(--spacing-xl);display:flex;justify-content:center;gap:var(--spacing-md)}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;line-height:1.5;border-radius:var(--border-radius-md);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none;cursor:pointer}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;border-radius:var(--border-radius-sm)}.btn-primary{color:var(--color-white);background-color:var(--color-secondary);border-color:var(--color-secondary-dark)}.btn-primary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);box-shadow:var(--shadow-sm)}.btn-success{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary-dark)}.btn-success:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}@media screen and (max-width:768px){.upload-success__label,.upload-success__value{padding:var(--spacing-sm)}.upload-success__actions{flex-direction:column;gap:var(--spacing-sm)}.btn{width:100%}}.document-view{max-width:800px;margin:var(--spacing-xl) auto;padding:var(--spacing-md)}.document-view__header{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-text);padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);text-align:center}.document-view__title{margin-top:0;font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md)}.document-view__text{font-size:1.1rem;margin-bottom:0}.document-view__details{background-color:var(--color-gray-100);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-300);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.document-view__subtitle{margin-top:0;font-size:1.4rem;color:var(--color-gray-800);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-300);padding-bottom:var(--spacing-sm)}.document-view__table{width:100%;border-collapse:collapse}.document-view__row:nth-child(2n){background-color:#00000005}.document-view__row:not(:last-child){border-bottom:1px solid var(--color-gray-200)}.document-view__label{padding:var(--spacing-md);font-weight:600;color:var(--color-gray-700);width:30%;vertical-align:top;white-space:nowrap}.document-view__value{padding:var(--spacing-md);color:var(--color-gray-900)}.document-view__date{display:inline-block;font-weight:600;color:var(--color-secondary-dark)}.document-view__time{font-size:.85rem;color:var(--color-gray-600);margin-left:var(--spacing-sm)}.document-view__description{line-height:1.4}.document-view__category{display:inline-block;background-color:var(--color-secondary-surface);color:var(--color-secondary-dark);border-radius:16px;padding:3px 10px;font-size:90%}.document-view__content{background-color:var(--color-gray-100);border-radius:var(--border-radius-md);border:1px solid var(--color-outline);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.document-view__text-content{white-space:pre-wrap;font-family:monospace;background-color:var(--color-white);padding:var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--color-outline)}.document-view__file-info{margin-bottom:var(--spacing-md)}.document-view__file-path{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.document-view__not-found{text-align:center;font-size:1.2rem;color:var(--color-text-muted);padding:var(--spacing-lg)}.document-view__back{text-align:center;margin-top:var(--spacing-xl)}.document-view__back-link{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;line-height:1.5;border-radius:var(--border-radius-md);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none;cursor:pointer;color:var(--color-white);background-color:var(--color-secondary);border-color:var(--color-secondary-dark)}.document-view__back-link:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);box-shadow:var(--shadow-sm)}.document-view__back-link-simple{display:inline-block;font-weight:500;color:var(--color-secondary);text-decoration:none;transition:color .15s ease-in-out,border-bottom .15s ease-in-out;border-bottom:1px solid transparent;padding-bottom:2px}.document-view__back-link-simple:hover{color:var(--color-secondary-dark);border-bottom:1px solid var(--color-secondary-dark)}.document-view__back-link-simple:before{content:"←";margin-right:4px}.path-container{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.button-group{display:flex;gap:.5rem;height:3rem;justify-content:space-between;align-items:stretch}.copyable-path{background-color:#f5f5f5;padding:3px 6px;border:1px solid #e1e1e1;border-radius:3px;font-family:monospace;word-break:break-all;transition:all .2s ease-in-out;display:inline-block}.copyable-path:hover{background-color:#e9f5ff;border-color:#7fb5ff}.copy-button{background-color:#e6e6e6;border:1px solid #ccc;border-radius:3px;padding:4px 8px;cursor:pointer;font-size:.85em;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background-color:#d4d4d4}.copy-button:active{background-color:#c4c4c4;transform:translateY(1px)}.current-file-info{text-align:left;font-size:.9rem;margin-top:8px;padding:8px;background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm)}.current-file-info p{margin:0 0 4px;color:var(--color-gray-800)}.current-file-info small{color:var(--color-gray-600);font-style:italic}.notice{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.notice--subtle{border-left:4px solid var(--color-secondary-light)}.notice--muted{color:var(--color-gray-700)}.notice--danger{border-left:4px solid var(--color-danger)}.notice--danger .notice__icon{color:var(--color-danger)}.notice__icon{font-size:1.25rem;line-height:1;opacity:.85;margin-top:2px}.notice__content{flex:1}.notice__title{margin:0 0 4px;font-weight:600;color:var(--color-gray-700)}.notice__text{margin:0;font-size:.95rem;color:var(--color-gray-700)}.path-chip{display:inline-block;font-family:monospace;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);padding:.2rem .4rem;color:var(--color-gray-700);box-shadow:inset 0 1px #ffffff80}.document-view__content:has(>.notice){background:transparent;border:none;box-shadow:none;padding:0}.document-actions:has(>.notice){background:transparent;border:none;box-shadow:none;padding:0}.document-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--color-gray-100);border:1px solid var(--color-gray-200)}.document-actions__btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);color:var(--color-gray-800);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-300);text-decoration:none;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm);cursor:pointer}.document-actions__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.document-actions__btn--edit{background-color:var(--color-secondary-light);color:var(--color-white);border-color:var(--color-secondary)}.document-actions__btn--edit:hover{background-color:var(--color-secondary)}.document-actions__btn--download{background-color:var(--color-primary-light);color:var(--color-white);border-color:var(--color-primary)}.document-actions__btn--download:hover{background-color:var(--color-primary)}.document-actions__btn--delete{background-color:var(--color-danger-light);color:var(--color-danger-text);border-color:var(--color-danger-border)}.document-actions__btn--delete:hover{background-color:var(--color-danger);color:var(--color-white)}.document-actions__icon{font-size:1.1rem}.document-actions__text{font-size:.95rem}.document-actions__form{margin:0;padding:0}.registration-form{--form-color-primary: #3498db;--form-color-primary-dark: #2980b9;--form-color-text: #333;--form-color-border: #ddd;--form-spacing-xs: .25rem;--form-spacing-sm: .5rem;--form-spacing-md: 1rem;--form-spacing-lg: 1.5rem;--form-border-radius: 4px;display:flex;flex-direction:column;gap:var(--form-spacing-md);max-width:400px;margin:3rem auto}.registration-form__field{display:flex;flex-direction:column;margin-bottom:var(--form-spacing-md)}.registration-form__label{margin-bottom:var(--form-spacing-xs);font-weight:500;color:var(--form-color-text)}.registration-form__input{padding:var(--form-spacing-sm);border:1px solid var(--form-color-border);border-radius:var(--form-border-radius);font-size:1rem}.registration-form__input:focus{outline:none;border-color:var(--form-color-primary);box-shadow:0 0 0 2px #3498db33}.registration-form__actions{display:flex;margin-top:var(--form-spacing-sm)}.registration-form__button{padding:var(--form-spacing-sm) var(--form-spacing-lg);border:none;border-radius:var(--form-border-radius);font-size:1rem;cursor:pointer;transition:background-color .2s}.registration-form__button--primary{background-color:var(--form-color-primary);color:#fff;width:100%}.registration-form__button--primary:hover{background-color:var(--form-color-primary-dark)}@media(max-width:768px){.document-actions{flex-direction:column;align-items:stretch}.document-actions__btn{justify-content:center}}}@layer components{.user-avatar{--avatar-size: 2.9rem;--avatar-border-width: .125rem;--avatar-border-color: oklch(from var(--color-surface) l c h / .7);--avatar-background: oklch(from var(--color-surface) l c h / .15);--avatar-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1);--avatar-hover-shadow: 0 .25rem .5rem rgba(0, 0, 0, .15);--avatar-transition: all .2s ease;display:flex;align-items:center;justify-content:center}.user-avatar__image-container{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:hidden;border:var(--avatar-border-width) solid var(--avatar-border-color);background-color:var(--avatar-background);box-shadow:var(--avatar-shadow);transition:var(--avatar-transition);display:flex;align-items:center;justify-content:center;position:relative}.user-avatar__image-container:hover{transform:scale(1.49);border-color:var(--color-surface);box-shadow:var(--avatar-hover-shadow)}.user-avatar__image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1a;pointer-events:none}.user-avatar__image{width:100%;height:100%;object-fit:contain;display:block}.main-header{--header-link-color: #ffffff;--header-link-hover: #f0f0f0;--header-link-bg: rgba(255, 255, 255, .1);--header-link-padding: .5rem 1rem;--header-link-radius: 4px;--header-link-transition: all .2s ease;--header-user-status-color: #e0e0e0;--header-user-status-weight: 600;--header-user-status-padding: .5rem 1rem;--header-user-status-bg: rgba(0, 0, 0, .1);--header-user-status-radius: 1.25rem;--user-list-gap: 10px;--user-list-link-padding: .22rem .5rem;--user-list-link-hover-bg: rgba(255, 255, 255, .3);--user-list-active-padding: .45rem 1rem;--user-list-active-shadow: 0 0 0 2px rgba(255, 255, 255, .5), 0 3px 5px rgba(150, 150, 150, .2);--user-count-bg: rgba(255, 255, 255, .2);--user-count-size: 2rem;position:relative;overflow:hidden;box-shadow:inset 0 -3px 6px #00000040,0 4px 8px #00000026}.main-header:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(to bottom,#ffffff38,#fff0);pointer-events:none}.main-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to bottom,#0003,#0006);pointer-events:none}.notification{width:64ch;height:5.125rem;padding:1.3ch 2ch 1.7ch;background:url(/build/assets/LED-display-end-B4vACjs2.png) no-repeat right center / auto 100%,url(/build/assets/LED-display-start-CiywhW3D.png) no-repeat left center / auto 100%,url(/build/assets/LED-display-mid-DnxmoWXL.png) repeat-x left center / auto 100%;overflow:hidden;position:relative;transform:translateY(1px);box-shadow:0 10px 18px #00000047,0 2px 4px #0003,inset 0 1px 1px #ffffff14,inset 0 -2px 2px #00000073}.notification__output{color:var(--color-danger);font-size:var(--font-size-3xl);line-height:.9;font-family:VT323,Roboto Mono,Consolas,SFMono-Regular,Menlo,Monaco,monospace;letter-spacing:.001rem;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.notification__output::-webkit-scrollbar{display:none}.notification__output--success{color:var(--color-success)}.notification__output--error{color:var(--color-danger)}.auth-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.auth-links__item{display:flex}.auth-links__link{color:var(--header-link-color);padding:var(--header-link-padding);border-radius:var(--header-link-radius);text-decoration:none;transition:var(--header-link-transition);display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;font:inherit}.auth-links__link:hover{color:var(--header-link-hover);background-color:var(--header-link-bg);transform:translateY(-1px)}.auth-links__link:active{transform:translateY(0)}.auth-links__link--active{color:var(--header-link-hover);background-color:var(--header-link-bg);transform:translateY(-1px)}.user-status{color:var(--header-user-status-color);font-weight:var(--header-user-status-weight);padding:var(--header-user-status-padding);background-color:var(--header-user-status-bg);border-radius:var(--header-user-status-radius);margin-right:1rem;display:inline-flex;align-items:center;line-height:1}.user-list{display:flex;gap:var(--user-list-gap);list-style:none;margin:0 0 0 var(--spacing-sm);padding:0}.user-list__item{display:flex}.user-list__link{text-decoration:none;padding:var(--user-list-link-padding);border-radius:var(--header-link-radius);display:flex;align-items:center;gap:8px;background-color:var(--header-link-bg);color:var(--header-link-color);transition:var(--header-link-transition);font-size:.95rem}.user-list__link:hover{background-color:var(--user-list-link-hover-bg);transform:translateY(-1px)}.user-list__item--active .user-list__link{padding:var(--user-list-active-padding);background-color:var(--user-list-link-hover-bg);box-shadow:var(--user-list-active-shadow);text-shadow:0 1px 1px rgba(0,0,0,.2);transform:translateY(-2px);position:relative;z-index:1}.user-list__count{background-color:var(--user-count-bg);border-radius:50%;width:var(--user-count-size);height:var(--user-count-size);display:flex;align-items:center;justify-content:center;font-size:.9em;font-weight:600}}@layer components{:root{--category-tree-indent: var(--spacing-md);--category-tree-toggle-size: 16px;--category-tree-transition: .3s}.sidebar{padding:var(--spacing-md);border-right:1px solid var(--color-outline);background-color:var(--color-surface);position:relative;z-index:1}.sidebar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.55;z-index:-1;pointer-events:none}.sidebar__title{margin-bottom:var(--spacing-md);color:var(--color-on-surface);font-size:1.2rem}.category-tree{list-style:none;padding:0;margin:0}.category-tree__item{margin:0;padding:0}.category-tree__item-content{display:flex;align-items:center;padding:var(--spacing-xs) 0}.category-tree__link{display:flex;justify-content:space-between;flex-grow:1;text-decoration:none;color:var(--color-on-surface);padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background-color var(--category-tree-transition);margin-left:.9rem}.category-tree__link:hover{background-color:var(--neutral-200)}.category-tree__link--active{background-color:var(--color-secondary-surface);color:var(--color-on-surface);font-weight:600;border-left:4px solid var(--color-secondary);position:relative;padding-left:calc(var(--spacing-xs) - 1px);transition:all .2s ease;z-index:2}.category-tree__link--active:hover{background-color:var(--color-secondary-surface);color:var(--color-on-surface)}.category-tree__link--active .category-count{background-color:var(--color-secondary);color:var(--color-on-secondary);font-weight:600}.category-tree__toggle{cursor:pointer;display:inline-block;width:var(--category-tree-toggle-size);text-align:center;color:var(--color-on-surface-muted);margin-right:var(--spacing-xs);-webkit-user-select:none;user-select:none;font-size:1rem;transition:transform var(--category-tree-transition)}.category-tree__toggle:hover{color:var(--color-on-surface)}.category-tree__toggle--expanded{transform:rotate(0)}.category-tree__toggle--collapsed{transform:rotate(-90deg)}.category-tree .category-tree__item .category-tree__item .category-tree__toggle{margin-left:1.15rem}.category-tree__subcategories{list-style:none;margin:0;--category-tree-indent: 1.6rem;padding-left:var(--category-tree-indent);overflow:hidden;transition:max-height var(--category-tree-transition) ease-out}.category-tree__subcategories--expanded{max-height:1000px}.category-tree__subcategories--collapsed{max-height:0}.category-tree__subcategory{display:flex;flex-direction:column;margin-left:0}.category-tree__subcategory .category-tree__item-content{position:relative}.category-tree__subcategory .category-tree__item-content:before{content:"";width:2px;position:absolute;left:0;top:0;bottom:0;background-color:var(--color-outline-strong)}.category-tree__subcategory .category-tree__item-content:after{content:"";position:absolute;left:2px;top:0;bottom:0;margin:auto;width:.7rem;height:2px;background-color:var(--color-outline-strong)}.category-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background-color:var(--color-secondary-surface);color:var(--color-secondary);font-size:12px;padding:0 6px;margin-left:1rem;font-weight:500}.category-count-indicator{display:flex;align-items:center;margin-left:var(--spacing-xs);font-size:.85em;color:var(--color-on-surface-muted);-webkit-user-select:none;user-select:none}.plus-sign,.minus-sign{cursor:pointer;color:var(--color-primary);font-weight:700;padding:0 2px}.plus-sign:hover,.minus-sign:hover{color:var(--color-primary-hover)}.count-value{margin:0 2px}.category-tree__add-item{margin-top:var(--spacing-md);border-top:1px solid var(--color-outline);padding-top:var(--spacing-sm)}.category-tree__add-link{color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.category-tree__add-link--inline{display:inline-flex}.category-tree__add-link--hidden{display:none}.category-tree__add-link:hover{color:var(--color-primary-hover)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006}.modal-content{background-color:var(--color-surface);margin:15% auto;padding:var(--spacing-md);border-radius:var(--border-radius-md);width:400px;box-shadow:0 4px 8px #0003}.modal-content p{margin-bottom:var(--spacing-md);font-size:1.1rem}.modal-confirm,.modal-cancel{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;transition:background-color .2s}.modal-confirm{background-color:var(--color-danger);color:var(--color-on-danger);margin-right:var(--spacing-sm)}.modal-confirm:hover{background-color:var(--color-danger-hover)}.modal-cancel{background-color:var(--neutral-200);color:var(--color-on-surface)}.modal-cancel:hover{background-color:var(--color-outline)}.modal__content{background-color:var(--color-surface);margin:10% auto;padding:var(--spacing-md);border:1px solid var(--color-outline);border-radius:var(--border-radius-sm);min-width:50%;max-width:500px}.modal__close{color:var(--color-outline-strong);float:right;font-size:28px;font-weight:700;cursor:pointer}.modal__close:hover{color:var(--color-on-surface)}.modal__title{margin-top:0;margin-bottom:var(--spacing-md)}.form-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-control{flex:1;padding:var(--spacing-sm);border:1px solid var(--color-outline);border-radius:var(--border-radius-sm)}.form-select{flex:.5;padding:var(--spacing-sm);border:1px solid var(--color-outline);border-radius:var(--border-radius-sm);margin-right:var(--spacing-xs)}.btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--neutral-200);color:var(--color-on-surface);border-color:var(--color-outline)}.btn--secondary:hover{background-color:var(--color-outline)}.btn--danger{background-color:var(--color-danger);color:var(--color-surface)}.btn--danger:hover{background-color:var(--color-danger-hover)}.btn--sm{padding:calc(var(--spacing-xs) / 2) var(--spacing-sm);font-size:.85em}.btn--confirm{background-color:var(--color-danger);color:var(--color-surface)}.btn--confirm:hover{background-color:var(--color-danger-hover)}.btn--cancel{background-color:var(--neutral-400);color:var(--color-on-surface)}.btn--cancel:hover{background-color:var(--color-outline-strong)}.category-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .2s ease}.category-tree__item-content:hover .category-actions{opacity:1}.category-actions__button{padding:2px;background:none;border:none;color:var(--color-on-surface-muted);cursor:pointer;font-size:12px}.category-actions__button:hover{color:var(--color-on-surface)}.category-actions__button--edit:hover{color:var(--color-primary)}.category-actions__button--delete:hover{color:var(--color-danger)}.category-badge{display:inline-flex;align-items:center;padding:calc(var(--spacing-xs) / 2) var(--spacing-xs);border-radius:var(--border-radius-sm);background-color:var(--neutral-200);font-size:.85em;color:var(--color-on-surface-muted);margin-right:var(--spacing-xs)}.categories-list__parent-info{color:var(--color-on-surface-muted);font-size:.85em;font-style:italic}.confirmation-dialog{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;background-color:#00000080}.confirmation-dialog__content{background-color:var(--color-surface);margin:15% auto;padding:var(--spacing-md);border:1px solid var(--color-outline);border-radius:var(--border-radius-sm);width:80%;max-width:450px;text-align:center}.confirmation-dialog__title{margin-top:0;color:var(--color-danger)}.confirmation-dialog__message{margin:var(--spacing-md) 0;color:var(--color-on-surface)}.confirmation-dialog__actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.categories-list{margin-top:var(--spacing-md)}.categories-list__title{margin-bottom:var(--spacing-sm);color:var(--color-on-surface)}.categories-list__items{list-style:none;padding:0;margin:0;max-height:50vh;overflow-y:auto;border:1px solid var(--color-outline);border-radius:var(--border-radius-sm)}.categories-list__item{padding:var(--spacing-sm);border-bottom:1px solid var(--color-outline);display:flex;align-items:center;justify-content:space-between}.categories-list__item:last-child{border-bottom:none}.categories-list__delete-btn{background:none;border:none;cursor:pointer;color:var(--color-on-surface-muted);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease}.categories-list__delete-btn:hover{background-color:var(--color-danger);color:var(--color-surface)}.show-all-btn{display:inline-flex;align-items:center;background-color:var(--color-secondary);color:var(--color-on-secondary);border:none;padding:8px 15px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;margin-left:15px;box-shadow:0 2px 4px #00000026}.show-all-btn:hover{background-color:var(--color-secondary-hover);color:var(--color-on-secondary);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.show-all-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0003}}@layer components{:root{--document-list-gap: var(--spacing-lg)}.document-list{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--document-list-gap);padding:var(--spacing-md) 0;width:100%}.document-item{--color-folder: oklch(.81 .075 78);--color-on-folder: var(--color-lightest);--color-folder-tab: oklch( from var(--color-folder) calc(l - .02) calc(c + .01) h );--color-folder-strip: oklch(.965 .025 85);--color-folder-edge: oklch(from var(--color-folder) calc(l - .12) c h);--color-folder-shadow: oklch( from var(--color-folder) calc(l - .4) c h / .25 );--folder-tab-height: 2.25rem;--folder-strip-height: 1.75rem;--folder-min-height: 13rem;--folder-action-size: 2.4rem;--folder-transition: .25s ease;position:relative;isolation:isolate;min-height:var(--folder-min-height);color:var(--color-on-folder);cursor:pointer;transition:transform var(--folder-transition);max-width:90ch}.document-item:hover{transform:translateY(-3px)}.document-item:hover:after{box-shadow:0 8px 18px var(--color-folder-shadow),inset 0 -3px 0 var(--color-folder-edge)}.document-item__header{padding-right:var(--spacing-lg)}.document-item__title{--color-on-folder: var(--color-secondary);display:inline-block;inset:0 auto auto 0;line-height:1.6;background-color:oklch(from #c29d68 calc(l - .06) c h);border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-md);margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-weight:500;white-space:nowrap;pointer-events:none}.document-item__body{inset:var(--folder-tab-height) 0 0 0;padding:var(--spacing-sm);background-color:oklch(from #c29d68 calc(l - .06) c h);border-radius:0 var(--border-radius-md) var(--border-radius-md) var(--border-radius-md);box-shadow:0 4px 12px var(--color-folder-shadow),inset 0 -3px 0 var(--color-folder-edge);transition:box-shadow var(--folder-transition);gap:var(--spacing-xs) var(--spacing-md);margin-top:auto;font-size:var(--font-size-md)}.document-item__main-info{display:flex;justify-content:space-between;gap:var(--spacing-xs);background-color:var(--color-folder-strip);color:var(--neutral-700);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;padding:var(--spacing-sm)}.document-item__additional-info{--spacing-sm-negative: calc(var(--spacing-sm) * -1);margin:0 var(--spacing-sm-negative) var(--spacing-sm-negative);background:linear-gradient(to bottom,transparent calc(100% - 1.25rem),#8a6838 calc(100% - 1.2rem),#8a6838 calc(100% - 1.15rem),transparent calc(100% - 1.1rem)),linear-gradient(to bottom,transparent calc(100% - .75rem),#8a6838 calc(100% - .7rem),#8a6838 calc(100% - .65rem),transparent calc(100% - .6rem)),linear-gradient(to bottom,#dcbc8b,#c29d68);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-2xl);border-radius:var(--border-radius-md);box-shadow:5px -4px 5px #0003}.document-item__category{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-on-folder);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.document-item__actions{position:absolute;top:calc(var(--folder-tab-height) - var(--folder-action-size) * .5 + .25rem);right:var(--folder-padding-x);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);z-index:3;margin:0}.document-item__actions form{margin:0;padding:0;display:contents}.document-item__btn{width:var(--folder-action-size);height:var(--folder-action-size);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:none;border-radius:50%;padding:0;font-size:1.05rem;color:var(--color-on-surface);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,color .15s ease;text-decoration:none}.document-item__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.document-item__btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.document-item__btn--edit:hover{color:var(--color-primary)}.document-item__btn--delete:hover{color:var(--color-danger)}.document-item-content{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:7rem}.document-description{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-on-folder);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.document-item__dates{display:flex;flex-direction:column;gap:var(--spacing-xs);white-space:nowrap;justify-content:center}.document-uploaded-date,.document-created-date,.document-size{white-space:nowrap}.document-labels{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}.document-label{padding:2px var(--spacing-xs);background:oklch(from var(--color-folder) calc(l + .06) c h);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.document-item__size{text-align:right;background:url(/build/assets/film-with-staples-BAI0yPzN.png) center / contain no-repeat transparent;width:253px;height:130px;padding:var(--spacing-xl);margin-left:auto}.documents-heading:after{content:attr(data-count);font-family:var(--font-family-bright);font-size:var(--font-size-6xl);margin-left:var(--spacing-md);color:var(--neutral-200);vertical-align:top;line-height:.95}.document-upload{margin-top:var(--spacing-lg);display:flex;justify-content:center}.document-upload .btn{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm)}@media(max-width:480px){.document-list{grid-template-columns:1fr}}}@layer components{.table{width:100%}.table__header{border-bottom:1px solid var(--color-gray-300);background:var(--color-gray-100)}.table__row{display:grid;grid-template-columns:1fr 90px 130px auto;align-items:center}.table__cell{padding:var(--spacing-sm) var(--spacing-md)}.table__cell--head{font-weight:600;color:var(--color-gray-800);text-transform:uppercase;letter-spacing:.02em;font-size:.9rem}.table__body .table__row{border-bottom:1px solid var(--color-gray-300)}.table__body .table__row:hover{background-color:var(--color-gray-100)}.table__row>.table__cell:nth-child(2),.table__row>.table__cell:nth-child(3){text-align:center}.table__row>.table__cell:last-child{display:flex;align-items:center;gap:var(--spacing-xs)}.table__row>.table__cell:last-child form{display:inline-block}@media(max-width:768px){.table__row{grid-template-columns:1fr 70px 90px auto}}}@layer components{.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.table thead th{background:var(--color-gray-100);color:var(--color-gray-800);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:.9rem;border-bottom:1px solid var(--color-gray-300)}.table tbody tr+tr td{border-top:1px solid var(--color-gray-300)}.table tbody tr:hover{background-color:var(--color-gray-100)}.table th:nth-child(2),.table th:nth-child(3),.table td:nth-child(2),.table td:nth-child(3){text-align:center}.table td:last-child{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}@media(max-width:768px){.table th,.table td{padding:var(--spacing-xs) var(--spacing-sm)}}}@layer components{:root{--pagination-color: #4a5568;--pagination-bg: #ffffff;--pagination-border: #e2e8f0;--pagination-hover-color: #2d3748;--pagination-hover-bg: #f7fafc;--pagination-hover-border: #cbd5e0;--pagination-active-color: #ffffff;--pagination-active-bg: #4299e1;--pagination-active-border: #4299e1;--pagination-disabled-color: #a0aec0;--pagination-disabled-bg: #ffffff;--pagination-disabled-border: #e2e8f0;--pagination-focus-ring: rgba(66, 153, 225, .5);--pagination-padding-x: .75rem;--pagination-padding-y: .5rem;--pagination-item-spacing: .25rem;--pagination-border-radius: .375rem;--pagination-icon-size: 1.25rem;--pagination-transition: all .15s ease-in-out}.pagination{display:flex;justify-content:center;margin:2rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.pagination__list{display:flex;padding:0;margin:0;list-style:none;gap:var(--pagination-item-spacing)}.pagination__item{display:flex;align-items:center;margin:0}.pagination__link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:var(--pagination-padding-y) var(--pagination-padding-x);color:var(--pagination-color);background-color:var(--pagination-bg);border:1px solid var(--pagination-border);border-radius:var(--pagination-border-radius);text-decoration:none;font-weight:500;line-height:1.25;transition:var(--pagination-transition);cursor:pointer;-webkit-user-select:none;user-select:none}.pagination__link:not(.pagination__item--disabled .pagination__link):hover,.pagination__link:not(.pagination__item--disabled .pagination__link):focus{color:var(--pagination-hover-color);background-color:var(--pagination-hover-bg);border-color:var(--pagination-hover-border);outline:0;box-shadow:0 0 0 3px var(--pagination-focus-ring);z-index:2}.pagination__item--active .pagination__link{color:var(--pagination-active-color);background-color:var(--pagination-active-bg);border-color:var(--pagination-active-border);z-index:1}.pagination__item--active .pagination__link:hover,.pagination__item--active .pagination__link:focus{background-color:#3182ce;border-color:#3182ce}.pagination__item--disabled .pagination__link{color:var(--pagination-disabled-color);background-color:var(--pagination-disabled-bg);border-color:var(--pagination-disabled-border);cursor:not-allowed;opacity:.7}.pagination__icon{width:var(--pagination-icon-size);height:var(--pagination-icon-size);flex-shrink:0}.pagination__link--prev,.pagination__link--next{padding-left:.75rem;padding-right:.75rem}.pagination__text{margin:0 .5rem}.pagination__link--prev .pagination__icon{margin-right:.25rem}.pagination__link--next .pagination__icon{margin-left:.25rem;order:1}.pagination__link--next .pagination__text{order:0}.pagination__item--ellipsis .pagination__link{background:none;border:none;cursor:default;pointer-events:none}@media(max-width:640px){.pagination__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pagination__link--prev,.pagination__link--next{padding:var(--pagination-padding-y)}.pagination__icon{margin:0!important}}}@layer utilities.utilities;.red{color:red}
