*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial, sans-serif;font-size:16px}a{color:inherit;text-decoration:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#2c3e50;color:white;padding:20px}.sidebar h1{font-family:"Playwrite AT", cursive;border-bottom:1px solid white;margin-top:3px;margin-bottom:2rem}.sidebar a{display:block;color:white;text-decoration:none;margin:10px 0}.sidebar a:hover{text-decoration:underline}.wrapper{flex:1;background:#e8f1f0}.topbar{background:rgba(255,255,255,0.5);border-bottom:1px solid #666;padding:1rem 2rem;overflow:auto}.topbar .search-box{position:relative;display:inline-block}.topbar .search-box::before{content:'\f002';font-family:'Font Awesome 7 Pro';position:absolute;top:0.9rem;left:0.75rem}.topbar .search-box input[name=search]{padding:0.75rem 0.75rem 0.75rem 2.25rem;font-size:1rem;border:1px solid #9494a1;border-radius:5px}.topbar button{float:right;cursor:pointer;font-size:1rem;background:#004444;color:white;padding:0.75rem;border-radius:5px;border:1px solid #004444}.topbar button:hover{background:#003333}.topbar button i{margin-right:2px}.content{padding:2rem}.grid-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(310px, 320px));grid-gap:1.4rem;margin-top:2rem}.card{position:relative;background:white;border-radius:5px}.card:hover{box-shadow:0px 0px 25px -10px #666}.card .top{overflow:auto;padding:1rem;padding-bottom:0;border-bottom:1px solid #ddd}.card .top img{border-radius:5px;margin:0 0.75rem 0.75rem 0;float:left;width:64px;height:64px}.card .top .title{display:block;font-weight:600}.card .url{position:relative}.card .url input{width:calc(88% - 2rem);border:none;padding:0.75rem 0.75rem 0.75rem 1rem}.card .url i{position:absolute;top:0.75rem;right:0.75rem;cursor:pointer}.card .desc{display:block;border-top:1px solid #ddd;padding:0.75rem 1rem;margin-bottom:0.75rem;line-height:1.4rem}.card .bottom{color:#444;padding:0.75rem;width:100%;border-top:1px solid #ddd}.card .bottom .date{font-size:0.75rem}.card .bottom .date::before{content:"\f133";font-family:'Font Awesome 7 Pro';margin-right:4px}.card .bottom i{cursor:pointer;float:right}