:root{--background:#ffffff}@media (prefers-color-scheme:dark){:root{--foreground:#020202}}body,html{max-width:100vw;height:100vh;margin:0;padding:0;color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.layout-wrapper,.main-content{display:flex;min-height:100vh}.main-content{flex-direction:column;max-width:100vw;width:100%}main{width:100%;min-height:100vh;overflow:visible}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:#ffffff;color:#000000;padding:1rem}@media (min-width:968px){.mobile-header{display:none}}.mobile-title{font-size:1.2rem;font-weight:700}.hamburger-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:inherit}.icon{width:24px;height:24px}.breadcrumbs{display:flex;align-items:center;margin-top:.5rem}.breadcrumb{display:inline-flex;align-items:center;font-size:.9rem;color:#030303;cursor:pointer;text-decoration:underline;transition:color .2s ease,opacity .2s ease}.breadcrumb:hover{color:#002F6C;opacity:.8}.page-wrapper{padding:1rem;max-width:1300px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:600;color:#1a1a1a}.page-actions{display:flex;gap:.75rem;flex-wrap:wrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;padding-top:1rem;padding-bottom:2rem}.card-item{border-radius:12px;background-color:#fff;transition:box-shadow .2s ease}.empty-message{width:100%;justify-content:center;padding:3rem 1rem;border:2px dashed #ddd;border-radius:12px;background-color:#fafafa;color:#888;font-size:1.1rem;font-style:italic}.btn-primary,.empty-message{display:flex;align-items:center}.btn-primary{padding:.6rem 1.2rem;background-color:#808c9a;color:white;border:none;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:background .2s ease;gap:.5rem}.btn-primary:hover{background-color:#6c7785}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}}@media (max-width:618px){.card-grid{display:block}.card-item{margin-bottom:1rem}}.dialog-box{border-radius:80px}.dialog-warning{display:flex;justify-content:center;align-items:center;padding:1.5rem 1rem 0;border-radius:8px}.dialog-warning p{font-size:1.1rem;color:#333;margin:0;text-align:center;line-height:1.5;font-weight:500}.btn-danger{color:red}.btn-danger,.btn-secondary{font-weight:500;text-transform:none;border-radius:8px;padding:.5rem 1.2rem}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#bdbdbd}.login-page-layout{display:flex;min-height:100vh;background-color:#fff}.login-image-side{position:relative;flex:0 0 60%}.login-overlay{position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:1}.login-form-image{width:100%;max-width:400px;margin:2rem auto 1rem;text-align:center}.login-form-image img{border-radius:8px}.login-form-side{flex:1 1;flex-direction:column;padding:2rem 1rem;max-width:450px;margin:0 auto}.login-auth-container,.login-form-side{display:flex;justify-content:center;align-items:center}.login-auth-container{width:100%}.login-auth-box{width:100%;max-width:400px;text-align:center}.login-auth-box h1{margin-bottom:20px;font-family:Bebas Neue,sans-serif;font-size:24px;color:#000}.login-auth-box input{width:100%;margin-bottom:15px;border-radius:8px;padding:10px;border:1px solid #ccc;font-size:16px}.login-auth-box button{width:100%;padding:10px;border:none;border-radius:8px;background-color:#126d1c;color:#fff;font-family:Bebas Neue,sans-serif;font-size:16px;cursor:pointer;transition:background-color .3s}.login-auth-box button:hover{background-color:#084e11}.login-error-message{margin-top:15px;font-size:14px;color:#e74c3c}@media (max-width:768px){.login-image-side{display:none}.login-form-side{flex:1 1;padding-top:1rem}}.image-picker-box{position:relative;margin-top:.5rem;width:100%;max-width:100%;height:150px;border:2px dashed #ccc;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .3s,background-color .3s;background-color:#fafafa}.image-picker-box .attach-icon{font-size:2.5rem;color:#888}.image-picker-box .placeholder-text{margin-top:.5rem;font-style:italic;color:#888;font-size:.9rem}.image-picker-box input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.image-picker-box .hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:1rem;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1}.image-picker-box:hover{border-color:#999;background-color:#f0f0f0}.image-picker-box:hover .hover-overlay{opacity:1;pointer-events:auto}.loadingOverlay{position:fixed;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.dots-ellipsis{display:flex;gap:.5rem}.dots-ellipsis div{width:12px;height:12px;border-radius:50%;background:#333;opacity:0;animation:dotsFade 1.4s ease-in-out infinite both}.dots-ellipsis div:first-child{animation-delay:0s}.dots-ellipsis div:nth-child(2){animation-delay:.2s}.dots-ellipsis div:nth-child(3){animation-delay:.4s}@keyframes dotsFade{0%,80%,to{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.emptyState{display:flex;align-items:center;justify-content:center;padding:4rem 1rem}.emptyState-content{text-align:center;color:#666;max-width:320px}.emptyState-icon{width:64px;height:64px;margin-bottom:1rem;color:#ccc}.emptyState h2{font-size:1.5rem;margin-bottom:.5rem}.emptyState p{font-size:1rem;line-height:1.4}