*,:after,:before{box-sizing:border-box}body{background:#f9f9f9;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.main-header{background:#fff;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:0 40px;position:sticky;top:0;z-index:1000}.header-content{flex-wrap:wrap;height:70px;margin:0 auto;max-width:100%}.header-content,.logo{align-items:center;display:flex}.logo{color:#333;font-size:1.4rem;font-weight:800;gap:8px;margin-right:30px;text-decoration:none}.logo-icon{font-size:1.6rem}.main-nav{display:flex;gap:20px}.nav-link{color:#666;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link.active,.nav-link:hover{color:#007bff}.search-container{flex:1;margin:0 20px;max-width:500px}.search-bar{align-items:center;background:#f1f3f5;border:1px solid transparent;border-radius:50px;display:flex;padding:5px 15px;transition:all .2s}.search-bar:focus-within{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-icon{color:#999;margin-right:10px}.search-input{background:transparent;border:none;color:#333;flex:1;font-size:.95rem;outline:none;padding:8px 0}.image-search-btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;transition:background .2s}.image-search-btn:hover{background:#0000000d}.user-menu{align-items:center;display:flex;gap:15px;margin-left:auto}.user-info{line-height:1.2;text-align:right}.user-name{color:#333;display:block;font-size:.9rem;font-weight:600}.logout-btn{align-items:center;background:#fff0f0;border:1px solid #ffc9c9;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.logout-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.layout{margin:0;max-width:100%;padding:0}main{padding:20px 40px}@media(max-width:768px){.main-header{padding:0 20px}.header-content{gap:10px;height:auto;padding:10px 0}.logo{font-size:1.2rem;margin-right:auto}.user-menu{margin-left:0}.user-info{display:none}.search-container{margin:5px 0;max-width:none;order:3;width:100%}.main-nav{border-top:1px solid #f5f5f5;gap:15px;order:4;overflow-x:auto;padding-bottom:5px;padding-top:10px;width:100%}.nav-link{background:#f9f9f9;border-radius:20px;font-size:.9rem;padding:5px 10px;white-space:nowrap}.nav-link.active{background:#e7f1ff}main{padding:20px 15px}}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:background .2s}.btn:hover{background:#0056b3}.btn:disabled{background:#ccc;cursor:not-allowed}input:not(.search-input){border:1px solid #ddd;border-radius:6px;margin-right:10px;padding:10px}