*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5}.sign-container{min-height:100vh;padding:20px;position:relative}.sign-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}.sign-logo{max-height:80px;max-width:200px;object-fit:contain}.sign-logo-upper-left{position:absolute;top:20px;left:20px;z-index:10}.sign-logo-upper-right{position:absolute;top:20px;right:20px;z-index:10}.sign-title{text-align:center;font-size:3rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto}.item-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.item-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.item-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.item-name{font-size:1.5rem;margin-bottom:10px}.item-price{font-size:2rem;font-weight:700;margin-bottom:10px}.item-description{font-size:.9rem;line-height:1.5}.no-items{grid-column:1/-1;text-align:center;color:#fff;font-size:1.5rem;padding:60px 20px;background:hsla(0,0%,100%,.1);border-radius:12px}.admin-layout{display:flex;min-height:100vh;background:#f5f5f5}.admin-nav{width:250px;background:#2d3748;color:#fff;padding:30px 20px;flex-shrink:0}.admin-nav h2{font-size:1.5rem;margin-bottom:30px;color:#fff;border-bottom:2px solid #4a5568;padding-bottom:15px}.admin-nav ul{list-style:none;padding:0;margin:0}.admin-nav li{margin-bottom:10px}.admin-nav a{display:block;color:#cbd5e0;text-decoration:none;padding:12px 15px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.admin-nav a:hover{background-color:#4a5568;color:#fff}.admin-nav a.active{background-color:#667eea;color:#fff;font-weight:600}.admin-content{flex:1 1;padding:30px;overflow-y:auto}.admin-container{max-width:1200px;margin:0 auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.sign-settings-form{max-width:800px}.settings-section{margin-bottom:40px;padding:25px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.settings-section h2{font-size:1.5rem;margin-bottom:20px;color:#333;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.form-group input[type=color],.form-group input[type=text],.form-group input[type=url],.form-group select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.form-group input[type=color]{width:80px;height:40px;cursor:pointer}.form-group input[type=file]{padding:8px;border:1px dashed #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.form-group small{display:block;margin-top:5px;color:#6b7280;font-size:.875rem}.admin-container h1{margin-bottom:10px;color:#333}.filter-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:30px}.search-filter-container{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.filter-box,.search-box{flex:1 1;min-width:250px}.filter-box label,.search-box label{display:block;margin-bottom:8px;font-weight:600;color:#555}.search-box{position:relative}.search-box input[type=text]{width:100%;padding:10px 40px 10px 12px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.search-box .btn-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:5px}.search-box .btn-clear:hover{color:#333}.filter-box select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.results-info{text-align:right;font-size:.9rem;color:#777;margin-top:15px}.form-actions{margin:20px 0;display:flex;gap:10px;flex-wrap:wrap}button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-secondary{background-color:#10b981;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#059669}button:not(.btn-primary):not(.btn-secondary){background-color:#e5e7eb;color:#333}button:not(.btn-primary):not(.btn-secondary):hover:not(:disabled){background-color:#d1d5db}button:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.loading-overlay-visible{opacity:1;visibility:visible;pointer-events:auto}.loading-overlay-content{background:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;gap:20px;min-width:200px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{margin:0;color:#333;font-size:1rem;font-weight:500}.content-fade-enter{opacity:0;transform:translateY(10px)}.content-fade-enter-active{transition:opacity .3s ease,transform .3s ease}.content-fade-enter-active,.content-fade-exit{opacity:1;transform:translateY(0)}.content-fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.items-table tbody tr{transition:opacity .2s ease,transform .2s ease}.items-table tbody tr.fade-in{animation:fadeInRow .3s ease}@keyframes fadeInRow{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.items-grid .item-card{animation:fadeInCard .4s ease}@keyframes fadeInCard{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.items-table{width:100%;border-collapse:collapse;margin:20px 0}.items-table th{background-color:#f9fafb;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #e5e7eb}.items-table td{padding:12px;border-bottom:1px solid #e5e7eb}.items-table tr:hover{background-color:#f9fafb}.items-table img{max-width:50px;max-height:50px;border-radius:4px}.items-table .category-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes dissolve-enter{0%{opacity:0}to{opacity:1}}@keyframes dissolve-exit{0%{opacity:1}to{opacity:0}}@keyframes push-left-enter{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes push-left-exit{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes push-right-enter{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes push-right-exit{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes push-up-enter{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes push-up-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes push-down-enter{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes push-down-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.slideshow-container{position:relative;width:100%;height:100vh;overflow:hidden}.slideshow-page{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.slideshow-page.entering{z-index:2}.slideshow-page.exiting{z-index:1}.slideshow-page.entering.dissolve{animation:dissolve-enter .8s ease-in-out forwards}.slideshow-page.exiting.dissolve{animation:dissolve-exit .8s ease-in-out forwards}.slideshow-page.entering.push-left{animation:push-left-enter .8s ease-in-out forwards}.slideshow-page.exiting.push-left{animation:push-left-exit .8s ease-in-out forwards}.slideshow-page.entering.push-right{animation:push-right-enter .8s ease-in-out forwards}.slideshow-page.exiting.push-right{animation:push-right-exit .8s ease-in-out forwards}.slideshow-page.entering.push-up{animation:push-up-enter .8s ease-in-out forwards}.slideshow-page.exiting.push-up{animation:push-up-exit .8s ease-in-out forwards}.slideshow-page.entering.push-down{animation:push-down-enter .8s ease-in-out forwards}.slideshow-page.exiting.push-down{animation:push-down-exit .8s ease-in-out forwards}.slideshow-image-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.slideshow-image-page img{max-width:95%;max-height:95%;object-fit:contain}