@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-8{height:calc(var(--spacing)*8)}.h-full{height:100%}.w-8{width:calc(var(--spacing)*8)}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.bg-gray-100{background-color:var(--color-gray-100)}.p-4{padding:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.text-\[\#363636\]{color:#363636}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.italic{font-style:italic}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-700{--tw-duration:.7s;transition-duration:.7s}}:root{color:#363636;--off-white:#f8f9fa;--custom-white:#f6f5f1;--custom-beige:#f3e2c4;--custom-yellow:#e3a955;--accent:#c1682e;--accent-light:#e1894e;--text-color:#363636;--delete:#dc3545;--delete-hover:#a51d2b;--padding-right:min(6.5rem,8vw);--padding-left:min(6.5rem,8vw);--item-box-shadow:0 2px 8px #0000001a;--card-box-shadow:0 4px 12px #00000026;--cardhov-box-shadow:0 8px 24px #0003;font-size:16px;font-style:normal;font-weight:300;transition:opacity .7s,transform .7s;display:block}body{background-color:var(--custom-white);color:var(--text-color);margin:0;padding:0;font-family:Poppins,sans-serif;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;font-weight:600}h1{color:var(--accent);margin:0 0 1rem;font-size:clamp(1.8rem,4.5vw,2.2rem)}h2{margin:0 0 1.5rem;font-size:clamp(1.3rem,3.5vw,1.7rem)}h3{margin:0 0 1rem;font-size:clamp(1.2rem,3vw,1.4rem)}h4{margin:0 0 .75rem;font-size:clamp(1.1rem,2.5vw,1.25rem)}strong{font-weight:600}ul{padding:0;list-style:none}input,textarea,select{border:1px solid var(--custom-yellow);background:var(--custom-white);border-radius:6px;padding:8px 12px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}.search-input,.filter-select{border:2px solid var(--custom-beige);font-size:.95rem}.clear{color:var(--accent);cursor:pointer;font-size:.8rem}.search-input{min-width:200px}.search-input::placeholder{color:var(--text-color)}.filter-select{padding-right:30px}.section-content:has(.empty-state){text-align:center;justify-content:center;align-items:center;display:flex}select,.filter-select,.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23c1682e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:30px}.form-group select{border:1px solid var(--custom-yellow);background-color:var(--off-white)}button{background-color:var(--accent);color:var(--custom-white);cursor:pointer;text-align:center;border:none;border-radius:6px;align-content:center;width:fit-content;height:fit-content;padding:7px 9px;font-size:16px;font-weight:600;transition:all .2s;display:inline-block}button:hover,.nav-link:hover,.login-popup button:hover,.book-form-container button[type=submit]:hover{filter:brightness(110%)}button.outlined{color:var(--accent);border:1px solid var(--accent);background-color:#0000;padding:6px 8px}button.outlined:hover{background-color:var(--accent);color:var(--custom-white)}button.unbuttoned{color:var(--accent);background-color:#0000;border:none;padding:0;font-weight:400;text-decoration:underline}button.unbuttoned.small-btn{color:var(--accent-light);font-weight:300}button.inverted{background:var(--custom-beige);color:var(--accent)}.loading{color:var(--accent);flex-direction:column;justify-content:center;align-self:center;align-items:center;margin:20px 0;display:flex}.loading:before{content:"";border:4px solid var(--custom-beige);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.error,.success{z-index:1000;min-width:260px;max-width:350px;box-shadow:var(--card-box-shadow);text-align:left;border-radius:6px;padding:12px;font-size:16px;position:fixed;bottom:30px;right:30px}.error{color:#c13d2e;text-align:center;background:#fdf4e8;border:1px solid #e36d55;margin-bottom:15px}.success{text-align:center;background:#e8f4e8;border:1px solid #a8d4a8;margin-bottom:15px}.success-text{color:#2d6930;font-weight:600}.fail-text{color:#c13d2e;font-weight:600}.header{color:var(--accent);padding:10px var(--padding-left)10px var(--padding-right);text-align:right;z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1.2rem;display:flex;position:sticky;top:0;background-color:var(--custom-beige)!important}.header-logo{flex-shrink:0}.header-logo img{width:auto;height:60px}.beige-font{color:var(--custom-beige)}.header-nav{flex:1;justify-content:flex-end;align-items:center;gap:1.2rem;display:flex}.nav-links{gap:1.2rem;display:flex}.nav-link{color:var(--accent);font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.header-actions{gap:.5rem;margin-left:auto;display:flex}.login-popup{top:100%;right:var(--padding-right);background:var(--accent);box-shadow:var(--card-box-shadow);z-index:100;min-width:300px;color:var(--custom-beige);border-radius:12px;padding:2rem 1.5rem 1.2rem;position:absolute}.login-popup h2{color:var(--custom-beige);text-align:center;margin-bottom:1rem}.welcome-card h2{color:var(--accent);text-align:center;margin-bottom:1rem}.login-popup-close{color:var(--custom-beige);aspect-ratio:1;border-radius:100%;align-items:center;height:1.5rem;padding:0;font-size:1.5rem;line-height:1.5rem;position:absolute;top:10px;right:10px}.login-popup label{color:var(--custom-white);font-size:1rem}.login-popup input{border:1.5px solid var(--accent);color:var(--text-color);box-sizing:border-box;width:100%;margin:6px 0;padding:7px 10px;font-size:1rem}.login-popup-actions{justify-content:flex-end;gap:.7rem;display:flex}.main-content{padding:60px var(--padding-left)60px var(--padding-right);max-width:calc(1200px + 2*var(--padding-right));min-height:calc(100vh - 132px);margin:0 auto}.profile-grid,.detail-sections,.form-sections,.profile-sections{grid-template-columns:1fr;gap:2rem;display:grid}.students-list,.users-list,.books-grid,.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.landing-cards-grid,.next-events-grid{grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin-left:auto;margin-right:auto;display:grid}.books-grid{gap:2rem;margin-bottom:2rem}.students-list,.users-list{margin-bottom:2rem}.wishlist-grid{margin-top:1rem}.student-card,.user-card,.detail-section,.form-section,.profile-section,.document-item,.timeline-item,.portfolio-item,.import-category,.export-category,.template-category{border:1px solid var(--custom-yellow);box-shadow:var(--item-box-shadow);border-radius:8px;padding:1.5rem}.landing-page-card,.welcome-card{border:1px solid var(--custom-yellow);background:var(--custom-white);height:fit-content;box-shadow:var(--card-box-shadow);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.welcome-header p{margin-bottom:1rem!important}.welcome-card form{text-align:left;flex-direction:column;gap:1rem;min-width:340px;padding:0 2rem;display:flex}.welcome-card form label{flex-direction:column;display:flex}.welcome-card form input{margin:6px 0}.welcome-card .remember-me{color:var(--text-color);align-items:center}.welcome-card .remember-me label{color:var(--text-color);flex-direction:row;gap:.5rem}.landing-page-card:hover,.welcome-card:hover{box-shadow:var(--cardhov-box-shadow)}.landing-page-card.loading,.welcome-card.loading{cursor:default;justify-content:center;align-items:center;min-height:200px;display:flex}.landing-page-card.loading:hover,.welcome-card.loading:hover{box-shadow:var(--item-box-shadow);transform:none}.landing-page-card .document-item{padding:1rem}.studentdata-buttons{justify-content:flex-end;gap:1rem;display:flex}.dashboard-section,.admin-section{background-color:var(--custom-beige);border:2px solid var(--custom-yellow);box-shadow:var(--card-box-shadow);border-radius:12px;padding:1.5rem}.document-item,.timeline-item,.portfolio-item{background:var(--custom-white);transition:box-shadow .3s}.document-item:hover,.timeline-item:hover,.portfolio-item:hover{box-shadow:var(--item-box-shadow)}.document-item.clickable{cursor:pointer;transition:all .2s}.document-item.clickable:hover{box-shadow:var(--card-box-shadow);transform:translateY(-1px)}.clickable-text{color:var(--accent-light);font-size:.85rem;font-weight:600}.timeline-item{margin-bottom:2rem;position:relative}.student-card h3,.user-card h3{color:var(--accent);margin:0 0 .8rem}.detail-section h3,.form-section h3{color:var(--accent);border-bottom:1px solid var(--custom-yellow);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.2rem}.admin-content{flex-direction:column;gap:2rem;display:flex}.student-actions,.user-actions,.library-actions,.profile-actions,.students-actions,.users-actions,.document-actions,.event-actions,.wishlist-actions,.portfolio-actions,.section-actions,.users-actions-wrap{gap:.5rem;display:flex}.import-category,.export-category,.template-category{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.admin-info{margin-bottom:1.5rem;font-size:.9rem}.admin-actions{gap:1rem;display:flex}.admin-section li,.admin-actions h3{margin-bottom:.25rem}.student-actions,.user-actions{margin-top:1rem}.profile-actions,.section-actions{margin-top:1rem;margin-bottom:2rem}.database-management{border-top:3px solid var(--delete);margin-top:3rem;padding-top:2rem}.database-management .section-header{text-align:center;margin-bottom:2rem}.database-management .warning-text{color:var(--delete);margin-top:.5rem;font-size:1.1rem;font-weight:600}.library-actions,.students-actions,.users-actions{margin-bottom:2rem}.students-actions,.users-actions,.profile-actions,.section-actions{flex-wrap:wrap;justify-content:flex-start}.wishlist-actions{flex-direction:column}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select,.user-select{border:1px solid var(--custom-yellow);background:var(--off-white);box-sizing:border-box;border-radius:6px;width:100%;padding:8px 12px;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.user-select:focus{border-color:var(--accent);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;background:#e9ecef;border-color:#c8cbcd}.form-group small{color:#666;margin-top:.25rem;font-size:.9rem;display:block}.form-popup .form-group input,.form-popup .form-group select,.form-popup .form-group textarea{border:2px solid #e9ecef;margin-top:.25rem;padding:.75rem;font-size:1rem;transition:border-color .3s}.form-popup .form-group label{color:var(--accent);font-weight:700}.form-popup .form-group input:focus,.form-popup .form-group select:focus,.form-popup .form-group textarea:focus{border-color:var(--accent)}.form-actions{border-top:1px solid var(--custom-yellow);justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.form-popup .form-actions{border-top:1px solid #e9ecef;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.book-form-container{border:1.5px solid var(--accent);border-radius:12px;max-width:420px;margin-top:2.5rem;margin-bottom:2rem;padding:2rem 1.5rem 1.5rem;box-shadow:0 2px 12px #c1682e0f}.book-form-container h2{color:var(--accent);text-align:center}.book-form-container label{margin-bottom:.5rem;font-size:1rem;display:block}.book-form-container input{border:1.5px solid var(--accent);box-sizing:border-box;width:100%;margin-bottom:1.2rem;padding:8px 10px;font-size:1rem}.book-card{border:1px solid var(--custom-yellow);background-color:var(--custom-white);border-radius:12px;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000014}.book-card:hover:not(.popup-open){box-shadow:var(--card-box-shadow)}.book-image-container{background:var(--custom-beige);border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;height:300px;display:flex;overflow:hidden}.book-cover{object-fit:contain;width:100%;height:100%;transition:transform .3s}.book-card:hover:not(.popup-open) .book-cover{transform:scale(1.05)}.book-content{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.book-info{flex:1}h4.book-title{color:var(--accent);margin:0 0 .5rem;font-weight:600}.book-author{color:#666;max-width:175px;margin:0;font-size:.8rem;font-style:italic}.book-language,.book-difficulty{color:#666;margin:.25rem 0 0;font-size:.9rem}.book-meta-label{color:var(--accent);font-weight:500}.book-status{flex-direction:column;gap:.5rem;display:flex;position:absolute;top:12px;left:12px}.book-actions{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;min-width:160px;margin-top:auto;display:grid;position:relative}.action-buttons{flex-wrap:wrap;flex:none;gap:.5rem;display:flex}.book-badges{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:calc(100% - 140px);min-width:100px;display:flex;position:absolute;bottom:0;right:0}.book-badge{white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:.8rem;font-weight:500}.language-badge{color:#2e5d3e;background:#f0f4f3;border:1px solid #7db693}.difficulty-badge{color:#8b5a00;background:#fdf7e8;border:1px solid #d4a853}.book-buttons{z-index:2;gap:8px;display:flex;position:absolute;top:12px;right:12px}.history-btn,.edit-btn,.wishlist-btn{background:var(--custom-yellow);width:36px;height:36px;box-shadow:var(--item-box-shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.history-btn:hover,.edit-btn:hover,.wishlist-btn:hover{background:var(--accent);color:var(--custom-beige);filter:none;transform:scale(1.1)}.status-badge,.payment-status,.portfolio-status,.history-status,.admin-badge,.student-badge{border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.admin-badge,.student-badge{text-transform:uppercase;padding:.25rem .75rem;font-weight:700;display:inline-block}.status-badge.available,.portfolio-status.submitted,.history-status.returned,.payment-status.paid{color:#2d6930;background:#e8f5e8;border:1px solid #a8d4a8}.status-badge.borrowed,.portfolio-status.draft,.status-badge.return-requested{color:#8b5a00;background:#fdf7e8;border:1px solid #d4a853}.history-status.borrowed{color:#856404;background:#fff3cd;border:1px solid #ffeaa7}.payment-status.not-paid{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.payment-status{margin-top:.5rem}.form-popup-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.form-popup{background:var(--custom-white);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.form-popup-overlay+.form-popup{background:#fff;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.popup-header{background:var(--custom-beige);border-bottom:1px solid var(--custom-yellow);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.form-popup-overlay+.form-popup .popup-header{border-bottom:2px solid var(--custom-yellow);background:var(--off-white)}.popup-header h3{color:var(--accent);flex:1;margin:0;font-size:1.3rem}.popup-header-actions{align-items:center;gap:1rem;display:flex}.close-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:background .2s;display:flex}.close-btn:hover{background:var(--custom-yellow);filter:none}button.view-toggle-btn{width:2rem;height:2rem;line-height:1}.view-toggle{align-items:center;gap:10px;display:flex}.list-header,.list-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:20px;display:grid}.list-col{margin:10px 10px 10px 0;padding:10px 10px 10px 0}.list-header .list-col{font-weight:600}.form-popup-overlay+.form-popup .close-btn{color:#666;width:2rem;height:2rem;line-height:1}.form-popup-overlay+.form-popup .close-btn:hover{color:var(--delete);background:0 0}.section-title-area{flex:1}.section-description{margin:.5rem 0 0;font-size:.9rem;line-height:1.4}.section-actions{align-items:flex-start;gap:.5rem;display:flex}.document-meta{margin-top:.25rem;font-size:.8rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.json-import-modal{max-width:700px;max-height:80vh;overflow-y:auto}.user-selection-section{background-color:var(--off-white);border:1px solid var(--custom-beige);border-radius:6px;margin:20px 0;padding:15px}.user-selection-section label{color:var(--text-color);margin-bottom:8px;font-weight:500;display:block}.user-select{border:1px solid var(--custom-yellow);width:100%;color:var(--text-color);background-color:#fff;border-radius:6px;padding:10px 12px;font-size:14px}.user-select:focus{border-color:var(--accent);outline:none}.drop-zone{text-align:center;background:#f9f9f9;border:2px dashed #ccc;border-radius:8px;margin-bottom:1rem;padding:2rem;transition:all .3s}.drop-zone.drag-active{border-color:var(--accent);background:var(--custom-beige)}.upload-icon{color:#666}.drop-zone p{color:#666;margin:0}.drop-zone-or{color:#999;font-weight:500}.file-input-label{cursor:pointer}.file-input-hidden{display:none}.import-divider{text-align:center;margin:1.5rem 0;position:relative}.import-divider:before{content:"";background:#ddd;height:1px;position:absolute;top:50%;left:0;right:0}.import-divider span{color:#666;background:#fff;padding:0 1rem;font-size:.9rem}.json-input-section{margin-bottom:1rem}.json-textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;min-height:150px;padding:.75rem;font-family:Courier New,monospace;font-size:.9rem}.import-errors{margin:1rem 0}.error-message{color:var(--delete);background:#ffeaea;border:1px solid #ffcdd2;border-radius:4px;margin-bottom:.5rem;padding:.75rem}.json-preview{border:1px solid #ddd;border-radius:4px;margin-top:1.5rem;overflow:hidden}.json-preview h4{background:#f5f5f5;border-bottom:1px solid #ddd;margin:0;padding:.75rem 1rem}.preview-table-container{max-height:300px;overflow-y:auto}.preview-table{border-collapse:collapse;width:100%}.preview-table th,.preview-table td{text-align:left;border-bottom:1px solid #eee;padding:.5rem;font-size:.9rem}.preview-table th{background:#f9f9f9;font-weight:600;position:sticky;top:0}.preview-sections{padding:1rem}.preview-section{margin-bottom:1rem}.preview-section h5{color:var(--accent);margin:0 0 .5rem}.preview-section p,.preview-section ul{margin:.25rem 0;font-size:.9rem}.preview-section ul{padding-left:1.5rem}.popup-actions button.disabled{opacity:.5;cursor:not-allowed}.empty-state p{margin:.5rem 0;font-size:1.1rem}.delete-btn,.remove-btn,.clear-history-btn{color:#fff;background-color:var(--delete)!important}.delete-btn:hover,.remove-btn:hover,.clear-history-btn:hover{filter:none;background-color:var(--delete-hover)!important}button.remove-btn{justify-content:center;align-items:center;width:2rem;height:2rem;padding:8px;display:flex}.remove-btn:not(button){cursor:pointer;background-color:#d55747;border:none;border-radius:4px;padding:.5rem;transition:background-color .3s}.clear-history-btn{transition:background .2s}.library-header{border-bottom:2px solid var(--custom-yellow);flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.library-title{color:var(--accent);margin:0}.library-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dashboard-header,.documents.header,.admin-header,.dashboard-header h1,.documents-header h1{margin-bottom:2rem}.dashboard-content,.documents-content{grid-template-columns:1fr;gap:2rem;display:grid}.section-header{border-bottom:2px solid var(--custom-yellow);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-header h2{color:var(--accent);margin:0}.accent-font{color:var(--accent)}.section-content{min-height:120px}.section-action-btn:disabled,.form-actions button:disabled{cursor:not-allowed;background-color:#ccc}.history-timeline{padding-left:2rem;position:relative}.timeline-marker{background:var(--custom-beige);border:1px solid var(--custom-yellow);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;position:absolute;top:-12px;left:-20px}.timeline-icon{font-size:1.2rem}.timeline-content{margin-left:.5rem}.event-header{justify-content:space-between;align-items:center;display:flex}h3.event-title{color:var(--accent);margin:0;font-size:1.2rem}.event-date,.event-signup-date{color:var(--accent);font-size:.9rem;font-weight:600}.event-footer{justify-content:flex-end;align-items:center;display:flex}.event-footer:has(.payment-status){justify-content:space-between}.event-actions button{margin-top:.5rem}.history-content,.edit-book-form,.history-list,.popup-content{flex:1;padding:1.5rem;overflow-y:auto}.history-list{flex-direction:column;gap:1rem;padding:1rem;display:flex}.history-entry{border:1px solid var(--custom-yellow);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.history-info{flex-direction:column;flex:1;gap:.75rem;display:flex}.borrower-info{color:var(--accent);border-bottom:1px solid var(--custom-yellow);padding-bottom:.5rem;font-size:1rem;font-weight:500}.history-dates{flex-direction:column;gap:.5rem;display:flex}.history-dates span{font-size:.9rem}.history-dates strong{color:var(--accent)}.return-date.not-returned{color:#d39e00;font-weight:500}.return-date.returned{color:#2d6930}.history-status{white-space:nowrap;font-size:.85rem}.edit-book-form .form-group{margin-bottom:1rem}.edit-book-form label{margin-bottom:.5rem;font-weight:600;display:block}.edit-book-form input{border:2px solid var(--custom-beige);background:var(--custom-white);border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.edit-book-form input:focus{border-color:var(--custom-yellow);outline:none}.upload-form,.event-form{padding:1.5rem}.portfolio-viewer{text-align:center;width:100%;margin-top:1.5rem}.portfolio:not(:last-child){border-bottom:2px solid var(--custom-yellow);padding-bottom:2.5rem}.file-name,.document-name{color:var(--accent);font-weight:700}.document-type-toggle{gap:.5rem;display:flex}.document-name,.portfolio-title{margin-bottom:.25rem;display:block}.upload-date,.document-filename,.portfolio-date{color:#666;gap:.25rem;font-size:.9rem;display:flex}.document-filename{margin-bottom:.25rem;display:block}.remove-btn.small{padding:.25rem .5rem;font-size:.8rem}.pdf-viewer iframe{border:2px solid var(--custom-yellow);border-radius:8px}.documents-list{flex-direction:column;gap:1rem;display:flex}.document-item,.portfolio-item{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.document-info,.portfolio-info{flex:1}.wishlist-count{background:var(--custom-beige);color:var(--text-color);border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.wishlist-item{background:var(--custom-white);border:1px solid var(--custom-yellow);border-radius:12px;gap:1rem;padding:1rem;transition:all .2s;display:flex;position:relative}.wishlist-item:hover{border-color:var(--custom-yellow);box-shadow:var(--item-box-shadow)}.wishlist-book-image{width:60px;height:80px;box-shadow:var(--item-box-shadow);border-radius:6px;flex-shrink:0;overflow:hidden}.wishlist-book-image img{object-fit:cover;width:100%;height:100%}.wishlist-book-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.wishlist-book-title{color:var(--text-color);margin:0;font-size:1rem;font-weight:600;line-height:1.3}.wishlist-book-author{color:#666;margin:0;font-size:.85rem;font-style:italic}.wishlist-book-details{flex-wrap:wrap;gap:.5rem;margin:.25rem 0;display:flex}.wishlist-date{color:#888;margin-top:auto;font-size:.75rem}.empty-state .hint{color:#888;font-size:.875rem;font-style:italic}.receipt-fields{display:none}.wishlist-actions button{width:auto}.wishlist-actions .btn-borrow{align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.wishlist-actions .btn-borrow svg{flex-shrink:0;width:12px;height:12px}.wishlist-actions .btn-borrow:not(.outlined){color:#2d6930;background:#e8f5e8;border:1px solid #c3e6c3}.wishlist-actions .btn-borrow:not(.outlined):hover{filter:none;background:#d4f0d4;border-color:#a8d8a8}.wishlist-actions .btn-borrow.outlined{color:#8b5a00;background:#fdf7e8;border:1px solid #f0e5c0}.wishlist-actions .btn-borrow.outlined:hover{filter:none;background:#f9f1dc;border-color:#e6d49a}.wishlist-actions .btn-borrow.remove{color:#c13d2e;background:#fbeaea;border:1px solid #f5c6cb}.wishlist-actions .btn-borrow.remove:hover{filter:none;background:#f5d2d2;border-color:#f1a8a8}.student-avatar{object-fit:cover;background-color:var(--off-white);border-radius:50%}.student-avatar-small{width:60px;height:60px}.student-avatar-large{width:100px;height:100px}.student-avatar.placeholder{color:var(--accent);background-color:var(--custom-beige);justify-content:center;align-items:center;display:flex}.student-header-content h2{margin-bottom:0}.profile-detail-container .detail-section{margin-top:2rem}.profile-picture-section{border-bottom:1px solid var(--custom-beige);margin-bottom:1rem;padding-bottom:1rem}.profile-picture-upload{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.current-picture,.picture-preview{flex-shrink:0}.picture-preview label{color:var(--accent);margin-bottom:.5rem;font-size:.85rem;display:block}.picture-controls{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.student-card-header,.dashboard-header-content,.card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-header{margin-bottom:0}.student-avatar-container{flex-shrink:0}.student-info{flex:1;min-width:0}.student-info-details{flex-direction:row;gap:.5rem;display:flex}.student-info-details>:not(:last-child):after{content:" • ";margin-left:.25rem}.student-info-detail{margin:0;font-size:.875rem;line-height:1.2}.student-name{color:var(--text-color);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.dashboard-header-content,.documents-header-info{gap:1.5rem;margin-bottom:2rem}.student-header-content{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.dashboard-student-info h1,.documents-header-info h1,.student-card-info h3{margin:0 0 .5rem}.profile-field,.profile-container p,.detail-section p{align-items:center;gap:.5rem;min-height:2.4rem;margin:0;font-size:1rem;display:flex}.profile-field{height:2.5rem}.profile-input{border:2px solid #e9ecef;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.profile-input:focus{border-color:var(--accent);outline:none}.student-card p,.user-card p{font-size:.9rem;line-height:1.7rem}.small-btn{background-color:var(--accent-light);color:var(--custom-white);font-size:.85rem}.small-btn.outlined{border:1.5px solid var(--accent-light);color:var(--accent-light);background-color:#0000}.small-btn.outlined:hover{background-color:var(--accent-light);color:var(--custom-white)}.student-form,.user-form,.profile-form,.student-detail,.user-detail,.profile-detail{margin-top:2rem}.form-sections,.profile-sections{flex-direction:column;display:flex}.days-left{border-radius:4px;width:fit-content;padding:4px 8px;font-size:.85rem;font-weight:500}.days-left.normal{color:#2e5d3e;background:#f0f4f3;border:1px solid #7db693}.days-left.warning{color:#d39e00;background:#fff3cd;border:1px solid #ffeaa7}.days-left.overdue{color:#c13d2e;background:#fdf4e8;border:1px solid #e36d55;font-weight:600}.pagination{color:var(--accent);justify-content:end;align-items:center;gap:1rem;display:flex}.pagination-arrow{color:var(--accent);cursor:pointer;letter-spacing:-.3rem;background-color:#0000;border-radius:6px;padding:0;font-size:1.2rem;font-weight:500}.note{color:#6c757d;border-bottom:1px solid #f8d7da;padding:5px 0;font-size:16px}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;margin:0;display:flex!important}.checkbox-list{margin-top:.5rem}.checkbox-list .checkbox-group,.users-actions-wrap{margin-bottom:.5rem}label.radio-option,label.checkbox-option{gap:.5rem;display:flex}.filter-group{flex-direction:row;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.export-info .info-section,.export-details{margin:1rem 0}.remember-me label{color:var(--custom-beige);margin-top:.5rem;font-size:.8rem!important}.user-select{margin-bottom:1rem}.landing-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.welcome-header{max-width:800px;margin-bottom:3rem}.welcome-header h1{margin-bottom:1rem}.welcome-header p{color:#666;margin-bottom:0;font-size:1.1rem}.welcome-login{box-shadow:var(--card-box-shadow);background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2rem}.landing-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.landing-header h1{margin:0}.landing-content{flex-direction:column;gap:2.5rem;display:flex}.notification-placeholder{background:var(--custom-beige);text-align:center;color:#666;border-radius:8px;padding:1rem;font-style:italic}.borrowed-books-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.borrowed-book-card{background:var(--off-white);border:1px solid #e1e5e9;border-radius:8px;gap:1rem;padding:1rem;display:flex}.book-cover-small{object-fit:cover;border-radius:4px;flex-shrink:0;width:60px;height:80px}.borrowed-book-card .book-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.borrowed-book-card .book-info h4{color:var(--text-color);margin:0;font-size:1rem}.borrowed-book-card .book-info p{color:#666;margin:0;font-size:.9rem}.due-date{border-radius:4px;width:fit-content;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.due-date.normal{color:#2d5a2d;background-color:#e8f5e8}.due-date.warning{color:#856404;background-color:#fff3cd}.due-date.overdue{color:#721c24;background-color:#f8d7da}.students-summary{margin-bottom:1.5rem}.students-summary p{color:#666;margin:0;font-size:1rem}.empty-state h3{color:var(--text-color);margin-bottom:1rem}.card-content{margin-bottom:1.5rem}.info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.info-2c{grid-column:1/-1}.info-item{flex-direction:column;gap:.25rem;display:flex}.tutor-info-section,.card-section{border-top:1px solid var(--custom-yellow);margin-top:1.5rem;padding-top:1.5rem}.tutor-info-section h4{color:var(--accent);margin:0 0 1rem;font-size:1rem;font-weight:600}.info-item .label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.info-item .value{color:var(--text-color);font-size:.9rem;font-weight:400}.card-sections{flex-direction:column;display:flex}.card-top-section{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem;display:grid}.card-left-column,.card-right-column{flex-direction:column;display:flex}.card-middle-section{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem;display:grid}.card-middle-left,.card-middle-right{flex-direction:column;display:flex}.card-section h4{color:var(--accent);margin:0 0 .75rem;font-size:1rem;font-weight:600}.documents-list,.portfolios-list{flex-direction:column;gap:.5rem;display:flex}.document-type{color:var(--text-color);flex:1;font-size:.9rem}.wishlist-books{max-height:120px;overflow-y:auto}.books-list{flex-direction:column;gap:.5rem;display:flex}.wishlist-book{border-bottom:1px solid #f5f5f5;flex-direction:column;gap:.25rem;padding:.5rem 0;display:flex}.wishlist-book:last-child{border-bottom:none}.more-books{color:var(--accent);text-align:center;margin:.5rem 0 0;font-size:.8rem;font-weight:500}.books-row{flex-wrap:wrap;gap:.5rem;min-width:fit-content;display:flex}.wishlist-book-card{text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:.25rem;max-width:150px;margin:.25rem;padding:.5rem;display:flex}.book-cover-container{width:80px;height:100px;box-shadow:var(--item-box-shadow);border-radius:6px;margin-bottom:.5rem;overflow:hidden}.book-cover-mini{object-fit:cover;width:100%;height:100%}.book-info-mini{flex-direction:column;gap:.25rem;display:flex}.book-title-mini{color:var(--text-color);font-size:.75rem;font-weight:600}.book-author-mini{color:#666;font-size:.65rem;font-style:italic}.more-books-card{border:2px dashed var(--custom-yellow);background:#fefefe;border-radius:6px;justify-content:center;align-items:center;min-height:100px;display:flex}.more-books-content{flex-direction:column;align-items:center;gap:.25rem;display:flex}.more-books-number{color:var(--accent);font-size:1.5rem;font-weight:700}.more-books-text{color:var(--accent);text-align:center;font-size:.65rem;font-weight:500}.clickable-book-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.clickable-book-card:hover{box-shadow:var(--item-box-shadow);transform:translateY(-2px)}.card-footer{text-align:center;border-top:1px solid #f0f0f0;margin-top:1rem}.footer-container{background-color:var(--accent);text-align:center;color:var(--custom-beige);padding:1rem;font-size:.9rem}@media (min-width:768px){.profile-grid{grid-template-columns:1fr 1fr}.profile-section:nth-child(3){grid-column:1}.detail-sections{grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}}@media (max-width:768px){.main-content{padding:40px calc(var(--padding-left) - 10px)40px calc(var(--padding-right) - 10px);max-width:calc(1200px + var(--padding-right));min-height:calc(100vh - 132px);margin:0 auto}.header{padding:10px .7rem}.header-nav{gap:.7rem}.nav-link{margin-left:1rem}.students-list,.users-list,.wishlist-grid{grid-template-columns:1fr}.form-actions{align-items:stretch}.book-content{gap:.75rem;padding:1.2rem}.form-popup{width:95%;max-width:calc(100vw - 2rem);margin:1rem}.popup-header,.history-content{padding:1rem}.history-entry{flex-direction:column;gap:.5rem}.history-dates{gap:.25rem}.history-status{align-self:flex-start}.dashboard-container,.documents-container{padding:0}.dashboard-section,.documents-section,.admin-section{padding:.75rem}.section-header{text-align:center;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.section-header h2{font-size:1.3rem}.document-item,.portfolio-item{text-align:center;flex-direction:column;gap:.75rem}.document-actions,.portfolio-actions{justify-content:center}.students-list,.users-list,.books-grid,.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:2rem}.book-badges{justify-content:center;width:100%;min-width:auto;position:relative;bottom:auto;right:auto}.book-card .action-buttons{justify-content:center}.book-card .user-select{margin-bottom:.25rem}.book-actions{flex-direction:column-reverse;gap:.75rem;display:flex}.event-header,.event-footer{text-align:center;flex-direction:column;gap:.5rem}.event-footer{gap:1rem}.timeline-item{padding:1rem}.history-timeline{padding-left:1rem}.timeline-marker{width:2rem;height:2rem;left:-1.5rem}.timeline-icon{font-size:1rem}.pdf-viewer iframe{height:400px}.library-header{gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.library-controls{justify-content:center;gap:.5rem}.search-input{flex:1;min-width:150px}.filter-select{flex:1;min-width:100px}.welcome-login{padding:1.5rem}.landing-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.75rem}.landing-content{gap:1.5rem}.borrowed-books-grid,.landing-cards-grid,.next-events-grid{grid-template-columns:1fr}.landing-page-card,.welcome-card{padding:1rem}.profile-field,.profile-container p,.detail-section p{justify-content:space-between}.info-grid{grid-template-columns:1fr}.card-header{text-align:center;flex-direction:column;gap:.75rem}.student-info-details{justify-content:center}.student-info-detail{font-size:.8rem}.tutor-info-section,.card-section{margin-top:1rem;padding-top:1rem}.card-top-section,.card-middle-section{grid-template-columns:1fr;gap:0;margin-bottom:.75rem}.card-content{margin-bottom:.75rem}.wishlist-books-horizontal{overflow-x:visible}.wishlist-book-card{text-align:left;flex-direction:row;align-items:flex-start}.book-cover-container{width:60px;height:75px;margin-bottom:0}.book-info-mini{flex:1;align-items:flex-start}.book-title-mini{font-size:.85rem}.book-author-mini{font-size:.75rem}.more-books-card{flex-direction:row;justify-content:flex-start;width:100%;min-height:60px;padding:.75rem}.more-books-content{flex-direction:row;gap:.5rem}.more-books-number{font-size:1.2rem}}.notifications-list{flex-direction:column;gap:1rem;display:flex}.notification-item,.event-card{background:var(--custom-white);border:1px solid var(--custom-yellow);border-radius:8px;padding:.8rem;font-size:.9rem;transition:box-shadow .2s;position:relative}.notification-item:hover,.event-card:hover{box-shadow:var(--item-box-shadow)}.notification-delete-btn{background:var(--delete);width:24px;height:24px;color:var(--off-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-.55rem;right:-.5rem}.notification-delete-btn:hover{background:var(--delete-hover)}.notification-delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.notification-header,.event-card-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:.4rem;padding-bottom:.4rem;display:flex}.notification-title,.event-card-title{color:var(--accent);margin:0;font-size:1.1rem;font-weight:600}.notification-meta{color:#666;flex-wrap:wrap;gap:.5rem;font-size:.85rem;display:flex}.notification-date,.event-card-date{font-size:.85rem}.notification-author{color:var(--accent)}.notification-message{white-space:pre-wrap;line-height:1.5}.notification-targets{color:#666;margin:.5rem 0;font-size:.9rem}.notification-attachment{border-top:1px solid var(--accent-light);color:var(--accent-light);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.5rem;font-size:.9rem;display:flex}.notification-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;padding-top:.5rem;display:flex}.radio-group,.students-checkboxes{flex-direction:column;gap:.5rem;display:flex}.radio-option,.checkbox-option{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.radio-option input,.checkbox-option input{width:auto;margin:0}.students-selection{border:1px solid var(--custom-yellow);background:var(--off-white);border-radius:6px;max-height:200px;padding:.75rem;overflow-y:auto}.students-checkboxes{max-height:150px;overflow-y:auto}.calendar-header{margin-bottom:2rem}.calendar-container{box-shadow:var(--item-box-shadow);background:#fff;border-radius:12px;margin-bottom:2rem;padding:1rem}.calendar-wrapper{width:100%;height:0;padding-bottom:66.67%;position:relative;overflow:hidden}.calendar-iframe{border:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.calendar-wrapper{padding-bottom:100%}}@media (max-width:480px){.calendar-wrapper{padding-bottom:120%}}.mobile-menu-button{cursor:pointer;z-index:12;background:0 0;border:none;padding:8px;display:none}.hamburger{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex}.hamburger span{background-color:var(--accent);transform-origin:50%;border-radius:1px;width:100%;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-nav-overlay{z-index:11;opacity:0;visibility:hidden;background:#00000080;width:100vw;height:100vh;transition:all .3s;position:fixed;top:0;left:0}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav{background:var(--custom-beige);z-index:12;width:280px;height:100vh;transition:right .3s;position:fixed;top:0;right:-300px;box-shadow:-2px 0 10px #0000001a}.mobile-nav.open{right:0}.mobile-nav-content{flex-direction:column;height:100%;padding:80px 0 2rem;display:flex}.mobile-nav-links{flex-direction:column;flex:1;padding:0 2rem;display:flex}.mobile-nav-link{color:var(--accent);border-bottom:1px solid #c1682e33;padding:1rem 0;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-nav-link:hover{color:var(--accent-light);padding-left:.5rem}.mobile-nav-actions{border-top:1px solid #c1682e33;padding:1rem 2rem}.mobile-login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.75rem;font-weight:500;transition:background-color .2s}.mobile-login-btn:hover{background:var(--accent-light)}.mobile-user-actions{flex-direction:column;gap:.75rem;display:flex}.mobile-profile-btn,.mobile-logout-btn{cursor:pointer;border:none;border-radius:6px;width:100%;padding:.75rem;font-weight:500;transition:all .2s}.mobile-profile-btn{background:var(--custom-white);color:var(--accent);border:1px solid var(--accent)}.mobile-profile-btn:hover,.mobile-logout-btn{background:var(--accent);color:#fff}.mobile-logout-btn:hover{background:var(--accent-light)}.events-signup-section{background:var(--custom-beige);border:1px solid var(--custom-yellow);border-radius:12px;margin-top:3rem;padding:2rem}.events-list{flex-direction:column;gap:2rem;display:flex}.event-signup-card{background:var(--custom-white);border:1px solid var(--custom-yellow);box-shadow:var(--item-box-shadow);border-radius:12px;padding:1.5rem;transition:box-shadow .2s}.event-signup-card:hover{box-shadow:var(--card-box-shadow)}.event-signup-card.past-event{opacity:.7;background:#f8f9fa}.event-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.event-info{flex:1}.event-title{color:var(--accent);margin:0 0 .5rem;font-size:1.3rem}.event-date{color:var(--accent-light);margin:0 0 .5rem;font-weight:500}.event-description{color:#666;margin:0;line-height:1.4}.event-calendar-link,.event-management-link{margin:.5rem 0 0}.google-calendar-link{color:var(--accent);align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.google-calendar-link:hover{color:var(--accent-light);text-decoration:underline}.admin-actions{flex-shrink:0;gap:.5rem;display:flex}.event-signup-info{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.event-signup-title{margin-bottom:.5rem}.event-signup-description{width:100%;margin-bottom:.75rem}.signup-stats,.event-signup-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.signup-count{color:var(--accent)}.event-full,.event-past,.event-inactive{text-transform:uppercase;border-radius:12px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.event-full{color:#856404;background:#fff3cd;border:1px solid #ffeaa7}.event-past{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.event-inactive{color:#495057;background:#e2e3e5;border:1px solid #ced4da}.event-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.event-card-actions{flex-flow:row-reverse wrap;justify-content:flex-start;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.user-signup-status{align-items:center;gap:.5rem;display:flex}.signed-up-badge{color:#2d6930;background:#e8f5e8;border:1px solid #a8d4a8;border-radius:12px;padding:.25rem .5rem;font-size:.85rem;font-weight:500}.signups-section{border-top:1px solid var(--custom-beige);margin-top:1.5rem;padding-top:1.5rem}.signup-list{background:var(--off-white);border-radius:8px;padding:1rem}.signup-list h4{color:var(--accent);margin:0 0 1rem;font-size:1.1rem}.signup-list.empty{text-align:center;color:#666;font-style:italic}.signups{flex-direction:column;gap:1rem;display:flex}.signup-item{border:1px solid var(--custom-beige);background:#fff;border-radius:8px;padding:1rem;transition:border-color .2s}.signup-item:hover{border-color:var(--custom-yellow)}.signup-item.own-signup{border-color:var(--accent-light);background:#fefdf9}.signup-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.signup-info{flex:1}.signup-user{color:var(--accent);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;display:flex}.own-badge{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:8px;padding:.125rem .375rem;font-size:.7rem;font-weight:600}.signup-responsibility{color:var(--text-color);margin:0 0 .25rem;font-weight:500}.signup-date{color:#666;margin:0;font-size:.8rem}.signup-actions{flex-shrink:0;gap:.5rem;display:flex}.signup-notes{margin-top:.75rem}.notes-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.85rem;font-weight:500;display:flex}.notes-toggle:hover{color:var(--accent-light);filter:none}.notes-content{background:var(--off-white);border:1px solid var(--custom-beige);color:#555;white-space:pre-wrap;border-radius:6px;margin-top:.5rem;padding:.75rem;line-height:1.4}.signup-limit-info{text-align:center;border-top:1px solid #e9ecef;margin-top:1rem;padding-top:.75rem}.signup-limit-info p{color:#666;margin:0;font-size:.9rem}.limit-reached{color:#856404;font-weight:500}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-header{background:var(--custom-beige);border-bottom:1px solid var(--custom-yellow);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:var(--accent);margin:0;font-size:1.3rem}.close-button{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:background .2s;display:flex}.close-button:hover{background:var(--custom-yellow);filter:none}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-body .event-info{border-bottom:1px solid var(--custom-beige);margin-bottom:1.5rem;padding-bottom:1rem}.modal-body .event-info h4{color:var(--accent);margin:0 0 .5rem}.modal-body .event-date{color:#666;margin:0 0 .5rem}.modal-body .event-description{color:#555;margin:0 0 .5rem;line-height:1.4}.modal-body .signup-count{color:#666;margin:0;font-size:.9rem}.signup-form .form-group{margin-bottom:1rem}.signup-form .form-group:last-child{margin-bottom:1.5rem}.signup-form label{color:var(--text-color);margin-bottom:.5rem;font-weight:500;display:block}.signup-form input,.signup-form textarea{border:1px solid var(--custom-yellow);background:var(--off-white);box-sizing:border-box;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.signup-form input:focus,.signup-form textarea:focus{border-color:var(--accent);outline:none}.signup-form input.error{border-color:var(--delete)}.char-count{color:#666;text-align:right;margin-top:.25rem;font-size:.8rem}.admin-form-section{background:var(--off-white);border:1px solid var(--custom-yellow);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.admin-form-section h3{color:var(--accent);margin:0 0 1.5rem;font-size:1.2rem}.events-management-list h3{color:var(--accent);border-bottom:1px solid var(--custom-yellow);margin:0 0 1.5rem;padding-bottom:.5rem;font-size:1.2rem}.event-management-card{background:var(--custom-white);border:1px solid var(--custom-yellow);border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:border-color .2s}.event-management-card:hover{border-color:var(--accent)}.event-management-card.inactive{opacity:.7;background:#f8f9fa}.event-management-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.event-management-info{flex:1}.event-management-title{color:var(--accent);margin:0 0 .5rem;font-size:1.2rem}.event-management-date{color:var(--accent-light);margin:0 0 .5rem;font-size:.95rem;font-weight:500}.event-management-description{color:#666;margin:0 0 .75rem;line-height:1.4}.event-management-stats{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-badge.active{color:#2d6930;background:#e8f5e8;border:1px solid #a8d4a8}.status-badge.inactive{color:#495057;background:#e2e3e5;border:1px solid #ced4da}.status-badge.past{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.event-management-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.event-signups-summary{border-top:1px solid var(--custom-beige);margin-top:1rem;padding-top:1rem}.event-signups-summary h5{color:var(--accent);margin:0 0 .75rem;font-size:1rem}.signups-preview{flex-direction:column;gap:.5rem;display:flex}.signup-preview-item{background:var(--off-white);border-radius:4px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;display:flex}.signup-preview-name{color:var(--accent);flex-shrink:0;font-weight:500}.signup-preview-responsibility{color:#666;text-align:right;flex:1;font-size:.9rem}.more-signups{color:#666;text-align:center;margin:.5rem 0 0;font-size:.85rem;font-style:italic}@media (max-width:768px){.event-management-header{flex-direction:column;gap:1rem}.event-management-actions{justify-content:center;width:100%}.event-management-stats{justify-content:center}.signup-preview-item{text-align:center;flex-direction:column;gap:.25rem}.signup-preview-responsibility{text-align:center}.events-signup-section{margin-top:2rem;padding:1rem}.event-header{flex-direction:column;gap:.75rem}.event-signup-info{flex-direction:column;align-items:stretch;gap:.75rem}.signup-stats,.event-signup-actions{text-align:center;justify-content:center}.event-actions{justify-content:center}.signup-header{flex-direction:column;gap:.75rem}.admin-actions{justify-content:center}.user-signup-status{text-align:center;flex-direction:column;gap:.75rem}.modal-content{max-width:calc(100vw - 1rem);margin:.5rem}.modal-header,.modal-body{padding:1rem}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{border-bottom:1px solid var(--custom-beige);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.modal-header h3{color:var(--accent);margin:0}.close-button{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:background-color .2s;display:flex}.close-button:hover{background:var(--custom-beige)}.modal-body{padding:0 1.5rem 1.5rem}.event-form{flex-direction:column;gap:1rem;display:flex}.event-form .form-group{flex-direction:column;display:flex}.event-form .form-group label{color:var(--text-color);margin-bottom:.5rem;font-weight:500}.event-form .form-group input,.event-form .form-group textarea,.event-form .form-group select{border:1px solid var(--custom-yellow);background:var(--custom-white);color:var(--text-color);border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem}.event-form .form-group input:focus,.event-form .form-group textarea:focus,.event-form .form-group select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #c1682e1a}.event-form .form-group input.error,.event-form .form-group textarea.error{border-color:var(--delete)}.event-form .form-group small{color:#666;margin-top:.25rem;font-size:.875rem}.event-form .checkbox-group{flex-direction:row;align-items:center;gap:.5rem}.event-form .checkbox-group input{width:auto;margin:0}.event-form .checkbox-group label{margin:0;font-weight:400}.error-message{color:var(--delete);margin-top:.25rem;font-size:.875rem}.ics-upload-form{flex-direction:column;gap:1.5rem;display:flex}.upload-info{background:var(--custom-beige);border-radius:6px;margin-bottom:1rem;padding:1rem}.upload-info p{color:var(--text-color);margin:0;font-size:.9rem}.drop-zone{border:2px dashed var(--custom-yellow);text-align:center;cursor:pointer;background:var(--custom-white);border-radius:8px;margin-top:.5rem;padding:2rem;transition:all .2s}.drop-zone:hover{border-color:var(--accent);background:var(--off-white)}.drop-zone.drag-active{border-color:var(--accent);background:var(--off-white);transform:scale(1.02)}.drop-zone.has-file{border-color:var(--accent);background:var(--off-white)}.drop-zone-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{margin-bottom:.5rem;font-size:2rem}.drop-zone-content p{margin:0;font-size:1rem}.drop-zone-content small{color:#666;font-size:.875rem}.file-selected{border:1px solid var(--custom-yellow);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.file-info{align-items:center;gap:.75rem;display:flex}.file-icon{font-size:1.5rem}.file-details{flex-direction:column;gap:.25rem;display:flex}.file-name{color:var(--text-color);font-weight:500}.file-size{color:#666;font-size:.875rem}.error-messages{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}@media (max-width:768px){.mobile-menu-button{display:block}.desktop-nav,.desktop-actions{display:none}.header{position:relative}}.database-management-section{margin-top:2rem}.danger-zone{background-color:#fef2f2;border:3px solid #dc2626;border-radius:8px;padding:1.5rem}.warning-box{background-color:#fee2e2;border:2px solid #fca5a5;border-radius:6px;margin:1rem 0;padding:1rem}.warning-box h4{color:#dc2626;margin-top:0}.warning-box ul{color:#7f1d1d;margin:.5rem 0 0}.warning-box li{margin-bottom:.5rem}.confirmation-section{background-color:#fff;border:2px solid #dc2626;border-radius:6px;margin-top:1rem;padding:1rem}.confirmation-section h4{color:#dc2626;margin-top:0}.confirmation-input{margin:1rem 0}.danger-input{text-align:center;border:2px solid #dc2626;border-radius:4px;width:100%;max-width:300px;padding:.75rem;font-size:1rem;font-weight:600}.danger-input:focus{border-color:#b91c1c;outline:none;box-shadow:0 0 0 3px #dc26261a}.confirmation-buttons{margin-top:1rem}.warning-text{color:#dc2626;margin:0;font-weight:600}.nav-dropdown{display:inline-block;position:relative}.dropdown-toggle{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23c1682e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:100%;background-repeat:no-repeat;background-size:16px;padding-right:18px!important}.dropdown-menu{background:var(--off-white);color:var(--text-color);z-index:1000;border:1px solid #00000026;min-width:130px;margin-top:8px;position:absolute;top:100%;left:0}.dropdown-menu:before{content:"";background:0 0;height:12px;position:absolute;top:-10px;left:0;right:0}.dropdown-item{color:inherit;text-align:left;padding:.5em 1em;font-size:.95rem;font-weight:400;text-decoration:none;display:block}.dropdown-item:hover{color:var(--custom-yellow)}.document-item.text-content{flex-direction:column;align-items:flex-start;gap:1rem}.document-text-content{white-space:pre-wrap;border-left:4px solid var(--custom-yellow);background:#f8f9fa;border-radius:6px;width:100%;padding:1rem;line-height:1.6}.document-item.upload-area{border:2px dashed var(--custom-yellow);background:#fffef8;flex-direction:column;align-items:flex-start;gap:1rem}.upload-area-description{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:6px;width:100%;padding:1rem;font-style:italic}.user-upload-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-top:1rem;padding:1rem}.user-upload-form h4{color:var(--accent);margin:0 0 .75rem;font-size:1rem}.user-upload-form .form-group{margin-bottom:.75rem}.user-upload-form input[type=file],.user-upload-form input[type=text]{border:1px solid var(--custom-yellow);border-radius:4px;width:100%;padding:.5rem;font-size:.9rem}.upload-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background .2s}.upload-btn:hover:not(:disabled){background:var(--accent-light)}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.user-uploads{width:100%;margin-top:1rem}.user-uploads h4{color:var(--accent);border-bottom:1px solid #e5e7eb;margin:0 0 .75rem;padding-bottom:.5rem;font-size:1rem}.user-upload-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.upload-info{flex:1}.upload-name{margin-bottom:.25rem;font-weight:500;display:block}.upload-meta{color:#666;font-size:.85rem;display:block}.upload-description{color:#333;margin-top:.5rem;font-size:.9rem;font-style:italic}.upload-actions{align-items:center;gap:.5rem;display:flex}.download-btn,.remove-btn,.external-link-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.2rem;transition:background .2s}.download-btn:hover{background:#e3f2fd}.external-link-btn:hover{background:#f3e5f5}.remove-btn:hover{background:#ffebee}.radio-group{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.radio-group label{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.radio-group input[type=radio]{width:auto;margin:0}@media (max-width:768px){.user-upload-item{flex-direction:column;align-items:flex-start;gap:.75rem}.upload-actions{justify-content:flex-end;width:100%}.radio-group{flex-direction:column;gap:.5rem}}.ga-member-toggle{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin:.75rem 0;padding:.75rem}.checkbox-label{cursor:pointer;align-items:center;gap:.75rem;margin:0;font-size:.95rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid var(--custom-yellow);background:#fff;border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:disabled+.checkmark{opacity:.6;cursor:not-allowed}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-label:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.7}.checkbox-label:hover .checkmark:not(input[type=checkbox]:disabled+.checkmark){border-color:var(--accent-light);box-shadow:0 0 5px #c1682e4d}.portfolio-entries-section,.entry-type-group{margin-bottom:30px}.entries-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.portfolio-entry-card{box-shadow:var(--item-box-shadow);background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:10px;padding:15px;transition:all .3s;display:flex}.portfolio-entry-card:hover{box-shadow:var(--card-box-shadow);transform:translateY(-2px)}.entry-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.entry-date{color:#666;font-size:.85em}.entry-preview-img-container{background:#f5f5f5;border-radius:6px;width:100%;height:fit-content}.entry-preview-img{width:100%;height:auto}.entry-file-badge{color:#555;text-align:center;background:#f0f0f0;border-radius:6px;padding:8px 12px;font-size:.9em}.entry-book-details{padding:8px 0;font-size:.95em}.entry-book-details strong{color:var(--accent);margin-bottom:4px;display:block}.entry-book-details em{color:#666;font-size:.9em}.entry-notes{color:#555;margin:8px 0;font-size:.9em;line-height:1.5}.entry-summary{color:#777;background:#f9f9f9;border-radius:4px;padding:8px;font-size:.85em;font-style:italic}.entry-actions{border-top:1px solid #f0f0f0;gap:8px;margin-top:auto;padding-top:10px;display:flex}.generated-portfolios-section{border-top:2px solid #e0e0e0;margin-top:40px;padding-top:30px}.portfolios-list{flex-direction:column;gap:15px;display:flex}.portfolio-item{box-shadow:var(--item-box-shadow);background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .3s;display:flex}.portfolio-item:hover{box-shadow:var(--card-box-shadow)}.portfolio-info{flex-direction:column;flex:1;gap:6px;display:flex}.portfolio-title{color:var(--text-color);font-size:1.05em;font-weight:600}.portfolio-date{color:#666;font-size:.85em}.portfolio-actions{gap:10px;display:flex}.form-group small{color:#666;margin-top:4px;font-size:.85em;font-style:italic;display:block}.form-section{margin-bottom:20px}.form-section h4{margin-top:0;margin-bottom:12px}@media (max-width:768px){.entries-grid{grid-template-columns:1fr}.portfolio-item{flex-direction:column;align-items:flex-start;gap:12px}.portfolio-actions{justify-content:flex-end;width:100%}.section-header{flex-direction:column;align-items:stretch;gap:10px}.section-header>div{justify-content:stretch}.section-header button{flex:1}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}